2016-04-29 33 views
0

有什麼方法可以在lineWithFocusChart上添加多個軸。lineWithFocusChart上添加多個軸

我想添加我的y2axis在圖的右側。

enter image description here

+0

我面臨同樣的問題。由於** lineWithFocusChart **不支持雙Y軸功能,因此我現在正在實施由Stephen Bannasch在博客 - [Stephen Bannasch's Block]中給出的圖表樣本(http://bl.ocks.org/stepheneb/1182434 ) 如果我遇到任何其他的替代方案,一定會在這裏評論。 –

+0

感謝這裏的迴應,但不是nvd3你可以只使用d3 lib。 D3支持多軸,多線,對焦,變焦等多種功能 – Sujit

回答

0

有一個在NVD3庫中的默認選項,以繪製多個軸圖表。只需查看的multichart示例。並且a sample html file在nvd3的github回購庫上提供。

您可以對多軸使用條形圖,Areachart和折線圖。

剛剛繪製圖形與

var chart = nv.models.multiChart() 

並改變Y軸可變借鑑左y軸或類似這樣的y軸右邊的圖表。

testdata[0].type = "area"; 
    testdata[0].yAxis = 1; 
    testdata[1].type = "area"; 
    testdata[1].yAxis = 1; 
    testdata[2].type = "line"; 
    testdata[2].yAxis = 1; 
    testdata[3].type = "line"; 
    testdata[3].yAxis = 2; 
    testdata[4].type = "bar"; 
    testdata[4].yAxis = 2; 
    testdata[5].type = "bar"; 
    testdata[5].yAxis = 2; 
    testdata[6].type = "bar"; 
    testdata[6].yAxis = 2;