Javascript 在highcharts.js中结合面积图和折线图

Javascript 在highcharts.js中结合面积图和折线图,javascript,highcharts,Javascript,Highcharts,所以我有一个面积堆积图: chart: { type: 'area', }, plotOptions: { series: { stacking: 'normal', }, area: { events: { legendItemClick: function () { return false; // <== returning false will

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

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,
    },
  };
图表:{
类型:'区域',
},
打印选项:{
系列:{
堆叠:“正常”,
},
面积:{
活动:{
legendItemClick:函数(){

return false;//Highcharts支持组合不同类型的图表,如:

面积和线的组合如下所示:


Highcharts支持组合不同类型的图表,如:

面积和线的组合如下所示:


这与我设置图表的方式有点不同。如果您注意到我在顶部设置了图表类型,然后在底部设置了系列。因此,该示例并没有真正向我展示如何在当前面积图中添加线条。对不起,您能用代码制作一个JSFIDLE吗?这将使我更容易帮助您。:)这有点不同租金比我如何设置图表要高。如果您注意到我在顶部设置了图表类型,然后在底部设置了系列。因此,该示例并没有真正向我展示如何在当前面积图中添加线条。对不起,您能用代码制作一个JSFIDLE吗?这将使我更容易帮助您做到这一点。:)
series: [{
        type: 'area',
        name: 'Jane',
        data: [3, 2, 1, 3, 4]
    }, {
        type: 'line',
        name: 'John',
        data: [2, 3, 5, 7, 6]
    },