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團隊，所以我很樂意提供幫助。