javascript - ZingChart 中的负 X 轴显示

Question

我正在尝试显示带有负值的图表。x 轴应位于中间，左侧为负值，右侧为正值。该图使用从负到正的值绘制。下面的快照与我尝试使用 zingchart 实现的相同。

请帮助我举一个可以帮助我实现所需图表的示例。

Answer 1

values只需使用属性在您的规模上设置值。当values设置为时"values":"-10:10:2"，-10 是最小值，10 是最大值，2 是步长。之后，在markers数组中设置一个线标记并将范围设置为 x=0。这将为您提供该点的垂直轴。On 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 团队的一员，所以我很乐意提供帮助。