4

我想在 zingchart 中获取所有比例 x 标​​签和比例 y 标签以及主要 x 标签和 y 标签。怎么做 ？

在此处输入图像描述

4

1 回答 1

2

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

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

默认情况下，ZingChart 中的每个刻度线都是根据值预先确定的。要改变这一点，有两种方法可以做到这一点：

  1. 使用带有字符串值数组的比例标签属性。这将覆盖每个相应索引处的文本值。请注意，这不会修改图表上每个节点值的位置；这只是视觉上的变化。

  2. 使用带有数值数组的 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>

于 2015-11-29T19:32:03.340 回答