javascript - 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 团队的一员，所以我很乐意提供帮助。