如何合并两个Highcharts图表类型？

Question

现在我有使用下面的代码Highcharts一个简单的柱形图：

$(document).ready(function() { 
      var options = { 
       chart: { 
        renderTo: 'container', 
        type: 'column' 
       }, 
       title: { 
        //some code 
       }, 
       xAxis: { 
        categories: [] 
       }, 
       yAxis: { 
        //some code       
       }, 

       plotOptions: { 
        series: { 
         borderWidth: 0, 
         dataLabels: { 
          enabled: true, 
          format: '{point.y}' 
         } 
        } 
       }, 
       legend: { 
        //some code 
       }, 
       series: [] 
      }; 

      $.getJSON("data/column.php", function(json) { 
       options.xAxis.categories = json[0]['data']; 
       options.series[0] = json[1]; 
       chart = new Highcharts.Chart(options); 
      }); 
     }); 

我现在想要一个折线图添加到同一容器中，使用完全相同的选项（尽管图表类型）。日期也通过JSON提供。

我该如何做到这一点？

我到目前为止做了什么： 我创建了第二个变量“options2”与值图表和系列。 然后我打电话

$.getJSON("data/line.php", function(json) { 
       options.xAxis.categories = json[0]['data']; 
       options2.series[1] = json[1]; 
       chart = new Highcharts.Chart(options2); 
      }); 

但只显示第一列图表。

Answer 1

通过使一系列选项直接通过JSON（图表类型）解决它。 我在数据数组中添加了“type：line”，然后覆盖脚本标签中以前设置的选项。

Answer 2

可能您应该尝试使用$ .merge来防止对象版本。

尝试此

 $.getJSON("data/column.php", function(json) { 
      // Merge objects 
      var newOptions = $.extend({}, options); 

      // Edit new object instead of old 
      newOptions.xAxis.categories = json[0]['data']; 
      newOptions.series[0] = json[1]; 

      chart = new Highcharts.Chart(newOptions); 
     });