2017-01-02 161 views
0

我們是否支持2.1.5版本中的堆疊條形圖,我沒有看到下面的代碼片段與2.1.5版本的工作是否有任何替代方法繪製堆疊條形圖爲2.1 .5 version.below是相同的代碼,適用於最新版本和2.1.9版本,但不適用於2.1.5版本Highchart 2.1.5堆疊條形圖

<html> 
<head> 
<script src="highchart.js"></script> 
</head> 
<body> 
<div id="container" style="min-width: 100px; max-width: 200px; height: 50px; margin: 0 auto"></div> 
<script> 
chart = new Highcharts.Chart({ 
     chart: { 
      type: 'bar', 
      renderTo: 'container' 
     }, 
     xAxis: { 
      tickColor: '#FFFFFF', 
      tickWidth: 1, 
      categories: [''], 
      labels:{ 
         enabled: false 
       }, 
      visible:false 
     }, 
     title:{ 
      text:'' 
     }, 
     yAxis: { 
      title: { 
       text: '' 
      }, 
      labels:{ 
        enabled: false 
      }, 
      visible:false 
     }, 
     exporting: { enabled: false }, 
     legend:{ 
      enabled: false 
     }, 
     plotOptions: { 
      series: { 
       stacking: 'normal', 
       borderWidth:0 
      } 
     }, 
     tooltip: { 
       enabled: false 
     }, 
     colors:['#999999', '#8BF30D', '#FF0000'], 
     series: [ 
     { 
      name: '', 
      data: [1] 
     }, { 
      name: '', 
      data: [2] 
     },{ 
      name: '', 
      data: [1] 
     }] 
}); 
</script> 
</body> 
</html> 
+0

沒V5剛出來?你是如何在這樣一箇舊版本? – jonrsharpe

回答

1

是的,它受到支持。但是,您需要小心使用哪個jQuery版本,因爲較早的Highcharts版本依賴於它。

Highcharts 2.1.5效果很好用jQuery 1.6.1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="https://code.highcharts.com/2.1.5/highcharts.js"></script> 

例如:https://jsfiddle.net/kfumqvrz/

當你使用jQuery 1.7.1,該欄不出現,直到瀏覽器窗口大小 - 如此Highcharts不適用於那個jQuery版本。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="https://code.highcharts.com/2.1.5/highcharts.js"></script> 

例如:https://jsfiddle.net/kfumqvrz/1/

Highcharts 2.1.9作品以及與jQuery 1.7.1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="https://code.highcharts.com/2.1.9/highcharts.js"></script> 

例如:https://jsfiddle.net/kfumqvrz/2/