我创建了一个简单的水平条形图。如下示例中所示,X轴上的标签被截断了。我需要显示完整的“X Axis Row A”标签。我尝试更改图表的宽度,但那并没有帮助。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingChart</title>
</head>
<body>
<div id="chartDiv"></div>
<script src='http://cdn.zingchart.com/zingchart.min.js'></script>
<script>
var chartData={
"type":"hbar",
"stacked":true,
"stack-type":"normal", // Also accepts "100%"
"title":{
"text":"X-Axis Row Label Cut Off Example"
},
"scale-x":{
"values":["X Axis Row B","X Axis Row A"],
},
"scale-y":{
"format":"%v%",
},
"series":[{
"background-color":"rgb(248,51,45)",
"text":"Negative",
"values":[-11,-22]
},{
"background-color":"rgb(120,152,55)",
"text":"Positive",
"values":[35,45]
}]
};
window.onload=function(){
var x = zingchart.render({
id:'chartDiv',
height:200,
width:600,
data:chartData
});
}
</script>
</body>
</html>