如何使用线图创建区域范围

Question

我想用海图创建图表。
实际上我使用区域范围和线。
但它并没有因为我的代码工作如下

<script type="text/javascript"> 
var chart1; 
    $(document).ready(function() { 
     chart1 = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'chartPlace', 
     }, 
     title: { 
      text: '' 
     }, 
     xAxis: { 
      type: 'linear' 
     }, 
     yAxis: { 
      title: { 
       text: null 
      } 
      }, 
     series: [{ 
      name: 'KL - SCOC', 
      marker: { 
      fillColor: 'white', 
      lineWidth: 2, 
      lineColor: Highcharts.getOptions().colors[0] 
      }, 
      zIndex: 1, 
      data: [['Jan',19],['Feb',21],['Mar',18],['Apr',12],['May',26],['Jun',20],['Jul',6]] 
     }, { 
      name: 'Range', 
      data: [['Jan',77,3],['Feb',98,2],['Mar',83,4],['Apr',75,3],['May',76,2],['Jun',77,3],['Jul',9,3]], 
      type: 'arearange', 
      lineWidth: 0, 
      linkedTo: ':previous', 
      color: Highcharts.getOptions().colors[0], 
      fillOpacity: 0.3, 
      zIndex: 0 
     }] 
     }); 
    }); 
</script> 

错误输出

Uncaught TypeError: undefined is not a function

那么如何解决这个问题。 在此先感谢。

Answer 1

它必须是你的代码中的其他东西。我创建了一个演示，它工作正常。它会在这个div呈现：

<div id="chartPlace"></div> 

并请确保您已highcharts-more.js在HTML中引用。

Demo in jsFiddle