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

ZingChart 负 X 轴显示

Negative X-axis display in ZingChart

javascript

jquery

zingchart