複数の軸をlineWithFocusChartに追加

Question

lineWithFocusChartに複数の軸を追加する方法はありますか？

y2axisをグラフの右側に追加します。

Answer 1

複数の軸のチャートを描画するNVD3ライブラリのデフォルトのオプションがあります。 the documentation website of the libraryのマルチチャットの例をご覧ください。そしてa sample html fileは、nvd3のgithubレポに提供されます。

複数軸のBarchart、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;