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