ZingChart如何获得所有的标签

时间:2015-11-26 15:30:31

标签: javascript zingchart

我希望获得所有缩放x标签和缩放y标签以及zingchart中的主要x标签和y标签。怎么做?

enter image description here

1 个答案:

答案 0 :(得分:2)

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

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

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

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

  2. 使用带有数值数组的scale values属性。这将修改比例放置的实际值。即scaleX.values:[4,5,6,7]将起始比例设置为数字值4并结束于7.

  3. 显示上述属性的示例:

    
    
    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>
    &#13;
    &#13;
    &#13;