ZingChart中的负X轴显示

Question

我正在尝试显示负值的图表。 x轴应位于左侧的中心负值和右侧的正值。 绘制图表的值范围从负到正。 下面的快照附件与我试图使用zingchart实现的相同。

请帮我一个帮助我获得所需图表的例子。

Answer 1

只需使用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"
  }
},

请查看this demo，如果您有任何其他问题，请与我们联系。我是ZingChart团队的成员，所以我很乐意提供帮助。