javascript - ZingChart如何获取所有的标签

标签 javascript zingchart

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

enter image description here

最佳答案

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

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

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

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

  2. 使用采用数值数组的标度值属性。这将修改比例放置方式的实际值。即 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如何获取所有的标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33942226/

相关文章:

javascript - 语义 react ui 弹出关闭按钮

javascript - 如何用jquery高亮表格中的行

javascript - HTML 文件输入 JS 事件

javascript - ZingChart 的 Scale-Y 刻度对于散点图绘制错误

telerik - 如何在单系列折线图上设置不同的标记?

javascript - 使用 zingchart 加载 CSV 文件

javascript - 在 node.js 中检索经过 Twitter 验证的用户的推文

javascript - Ajax 表单未在 Chrome 上提交

zingchart - 未找到数据时不呈现图表或显示消息或类似内容

html - Zing Chart 堆积图