首页 > 编程语言> > javascript – ZingChart如何获得所有的标签

javascript – ZingChart如何获得所有的标签

2019-07-02 14:21:30 作者：互联网

我想获得所有缩放x标签和缩放y标签以及zingchart中的主要x标签和y标签.怎么做？

解决方法:

“主标签X”和“主标签Y”在zingchart中称为scaleX.label和scaleY.label.您需要为该对象指定文本参数,如下所示：

scaleY :{
  label : {
    text : "Main label y"
  } 
}

默认情况下,ZingChart中的每个刻度标记都是根据值预先确定的.要改变这种情况,有两种方法可以实现此目的：

>使用带有字符串值数组的scale labels属性.这将覆盖每个相应索引处的文本值.请注意,这不会修改图表上每个节点值的位置;它只是一种视觉变化.
>使用带有数值数组的scale values属性.这将修改比例放置的实际值.即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>

标签：javascript,zingchart
来源： https://codeday.me/bug/20190702/1356896.html