在 highcharts.js 中将面积图与折线图结合起来

Question

所以我有一个面积堆积图：

chart: {
      type: 'area',
    },
    plotOptions: {
      series: {
        stacking: 'normal',
      },
      area: {
        events: {
          legendItemClick: function () {
            return false; // <== returning false will cancel the default action
          },
        },
      },
    },
    title: {
      text: title,
    },
    xAxis: {
      type: 'datetime',
      min: startDateInMS,
      max: endDateInMS,
    },
    yAxis: {
      title: {
        text: yLabel,
      },
    },
    series: data,
    credits: {
      enabled: false,
    },
  };

如何将行项目/图表添加到我已有的项目/图表中？我浏览了文档，他们并没有真正提供将折线与面积图相结合的示例。

谢谢！

Answer 1

Highcharts 支持组合不同类型的图表，如下所示：

http://www.highcharts.com/docs/chart-and-series-types/combining-chart-types

series: [{
        type: 'area',
        name: 'Jane',
        data: [3, 2, 1, 3, 4]
    }, {
        type: 'line',
        name: 'John',
        data: [2, 3, 5, 7, 6]
    }, 

组合面积和线看起来像这样：

http://jsfiddle.net/henrikskar/ateje82r/