ZingChart如何获取所有的标签
ZingChart how to get all the lables
我想获取 zingchart 中的所有比例 x 标签和比例 y 标签以及主要的 x 标签和 y 标签。怎么做?
"Main label X"和"Main label Y"在zingchart中被称为scaleX.label和scaleY.label。您需要为该对象指定一个文本参数,如下所示:
scaleY :{
label : {
text : "Main label y"
}
}
默认情况下,ZingChart 中的每个刻度线都是根据值预先确定的。要改变这一点,有两种方法可以实现:
使用标尺标签 属性,它采用字符串值数组。这将覆盖每个相应索引处的文本值。请注意,这不会修改每个节点值在图表上的位置;这只是视觉上的变化。
使用标度值 属性,它采用数值数组。这将修改比例放置方式的实际值。即 scaleX.values : [4,5,6,7] 会将起始比例设置为数值 4 并在 7 结束。
显示上述属性的示例:
var myConfig = {
type: "bar",
plotarea : {
margin : "dynamic"
},
series : [
{
values : [35,42,67,89,25,34,67,85]
}
],
scaleY : {
label : {
text : "Scale Y"
},
values : [30,40,50]
},
scaleX : {
label : {
text : "Scale X"
},
labels : ["first", "second", "third"]
}
};
zingchart.render({
id : 'myChart',
data : myConfig,
height: 400,
width: 600
});
<!DOCTYPE html>
<html>
<head>
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
</head>
<body>
<div id='myChart'></div>
</body>
</html>
我想获取 zingchart 中的所有比例 x 标签和比例 y 标签以及主要的 x 标签和 y 标签。怎么做?
"Main label X"和"Main label Y"在zingchart中被称为scaleX.label和scaleY.label。您需要为该对象指定一个文本参数,如下所示:
scaleY :{
label : {
text : "Main label y"
}
}
默认情况下,ZingChart 中的每个刻度线都是根据值预先确定的。要改变这一点,有两种方法可以实现:
使用标尺标签 属性,它采用字符串值数组。这将覆盖每个相应索引处的文本值。请注意,这不会修改每个节点值在图表上的位置;这只是视觉上的变化。
使用标度值 属性,它采用数值数组。这将修改比例放置方式的实际值。即 scaleX.values : [4,5,6,7] 会将起始比例设置为数值 4 并在 7 结束。
显示上述属性的示例:
var myConfig = {
type: "bar",
plotarea : {
margin : "dynamic"
},
series : [
{
values : [35,42,67,89,25,34,67,85]
}
],
scaleY : {
label : {
text : "Scale Y"
},
values : [30,40,50]
},
scaleX : {
label : {
text : "Scale X"
},
labels : ["first", "second", "third"]
}
};
zingchart.render({
id : 'myChart',
data : myConfig,
height: 400,
width: 600
});
<!DOCTYPE html>
<html>
<head>
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
</head>
<body>
<div id='myChart'></div>
</body>
</html>