Question

我想知道是否可以在高位图中构建图表，例如双轴列和线，但是有多个系列数据。

例如，采用显示东京，纽约，伦敦和柏林月平均降雨量的基本柱形图：http://www.highcharts.com/demo/column-basic。然后还为四个城市添加相反Y轴的平均温度（基本上在图表中添加四条线）。

我知道有很多数据要塞进一张图表中，但我很好奇是否能够完成。对不起，我没有更好的例子来展示。到目前为止，我还没有玩过JSFiddle。谢谢你的帮助。

Answer 1

是的，你可以这样做。您创建了yAxis项：

            yAxis: [{
                min: 0,
                title: {
                    text: 'Rainfall (mm)'
                }
            }, {
                min: 0,
                opposite: true, //optional, you can have it on the same side.
                title: {
                    text: 'Temp (K)'
                }
            }],

然后你需要告诉系列使用哪个yAxis：

    series: [{
        name: 'Tokyo',
        yAxis: 1, //use new yAxis on right side.
        data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

    }, {
        name: 'New York',
        yAxis: 0, //if using primary (0) yAxis can leave this out.
        data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]

    }, {
        name: 'London',
        data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]

    }, {
        name: 'Berlin',
        data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]

    }]

请参阅演示here。

Answer 2

在我的情况下，即使是按照描述设置的所有内容，它似乎也不能正常工作。因此，出于故障排除的原因，我为每个系列创建了一个yAxis，并且它显示正确，但是有额外的非期望轴。由于我在这个问题上遇到了很多困难，我在这里发帖，希望能帮助其他人解决同样的问题。

幸运的是，我发现图表线正在堆叠。因此，只需删除/评论该属性，一切都按预期工作：

plotOptions: {
    //series: {
    //  stacking: 'normal'
    //}
}

Highcharts：双轴线和多个系列的列

2 个答案: