javascript - AmChart 不显示第二个 y 轴

Question

我被分配了在图表中显示 2 个图表的任务，因此我需要两个 y 轴来表示图表。 一个轴位于左侧，另一个轴位于右侧。

我的问题是只显示一个 y 轴。 当我使用 amCharts 时，我注意到一个问题，即可见 y 轴有一个名为 allLabels 的数组，并且其中有元素，但第二个 y 轴没有，但我不知道 什么填充了该数组属性。

代码:

function addconsumerUsageGraph(consumerUsageGraph) {
//You can ignore this
    if (consumerUsageGraph.graphs.length == 2)
    {
        var gr1 = consumerUsageGraph.graphs[0];
        var gr2 = consumerUsageGraph.graphs[1];
        consumerUsageGraph.removeGraph(gr1);
        consumerUsageGraph.removeGraph(gr2);
    }

    if (consumerUsageGraph.graphs.length == 1) {
        var gr1 = consumerUsageGraph.graphs[0];
        consumerUsageGraph.removeGraph(gr1);
    }

  //I add the two yAxis here:
    var yAxis1 = new AmCharts.ValueAxis();
    yAxis1.position = "left";

    var yAxis2 = new AmCharts.ValueAxis();
    yAxis2.position = "right"; // set this to "right" if you want it on the right

    //Adding the value axis to the whole graph
    consumerUsageGraph.addValueAxis(yAxis1);
    consumerUsageGraph.addValueAxis(yAxis2);

    var graph = new AmCharts.AmGraph();
    graph.valueField = "value";
    graph.type = "column";
    graph.title = "Usage";
    graph.lineAlpha = 1;
    graph.fillAlphas = 0.75;

    consumerUsageGraph.addGraph(graph);

    var graph2 = new AmCharts.AmGraph();
    graph2.valueField = "cost";
    graph2.type = "line";
    graph2.lineAlpha = 1;
    graph2.title = "Cost";
    graph2.lineColor = graphColour;
    graph2.bullet = "round";
    graph2.bulletAlpha = 0.5;
    graph2.bulletBorderAlpha = 0.8;

    //Assigning the second yAxis to the second graph
    graph2.valueAxes = yAxis2;


    consumerUsageGraph.addGraph(graph2);

    //consumerUsageGraph.write("chartdiv");

    var legend = new AmCharts.AmLegend();
    legend.marginBottom = -10;
    legend.useGraphSettings = true;
    consumerUsageGraph.addLegend(legend);
    }

图表现在的样子:

Answer 1

图表没有属性 valueAxes，请使用 valueAxis 代替:

graph2.valueAxis = yAxis2;