在lineWithFocusChart上添加多个轴

Question

有没有办法在lineWithFocusChart上添加多个轴。

我想在图表的右侧添加y2轴。

Answer 1

NVD3库中有一个默认选项可以绘制多个轴图表。只需查看the documentation website of the library处的multichart示例。并且a sample html file在nvd3的github repo上提供

您可以将Barchart，Areachart和折线图用于多个轴。

只需使用

绘制图表

var chart = nv.models.multiChart()

并更改yAxis变量以在左侧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;