logo标签列表

ZingChart中负X轴的显示问题

javascriptjqueryzingchart
4

我正在尝试展示一个含有负值的图表。 x轴应该位于中央，左侧是负值，右侧是正值。 图表绘制的数值范围从负数到正数。 如下所示，我正在尝试使用zingchart实现相同的效果。

请为我提供一个示例，帮助我实现所需的图表。

enter image description here

1个回答
5

只需使用values属性设置比例尺的值即可。当values设置为"values":"-10:10:2"时，-10是最小值，10是最大值，2是步长。之后，在markers数组中设置一个线性标记并将范围设置为x=0。这将在该点给您一个垂直轴线。在scale-y上，将line-width设置为0以隐藏原始垂直轴线，并通过设置它们的placement值来移动刻度和项目，如下所示。

"scale-x":{
  "values":"-10:10:2",
  "markers":[
    {
      "type":"line",
      "value-range":true,
      "line-width":2,
      "range":[0],
      "line-color":"#5B828E"
    }  
  ]
},
"scale-y":{
  "line-width":0,
  "tick" : {
    "placement":"ref-auto"
  },
  "item":{
    "placement":"ref-left"
  }
},

请查看这个演示，如果您有其他问题，请告诉我。我是ZingChart团队的成员，很高兴为您服务。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接