有沒有什麼辦法可以使用highstock最新版本繪製餅圖？

Question

我正在使用highstock構建一些股票圖表。

我的代碼如下所示： -

var dataObj = { 
    chart: { 
     type: 'pie', 
     renderTo : 'container' 
    }, 
    title: { 
     text: 'Highstock Testing', 
     align: 'left', 
     verticalAlign: 'middle', 
     x: 27, 
     y: 0, 
     useHTML: true 

    }, 
    rangeSelector: { 
     enabled: false 
    }, 
    plotOptions: { 
     pie: { 
      center: ['28%', '20%'], 
      dataLabels:{"enabled":false}, 
      enableMouseTracking:false, 
      startAngle: 180 
     } 
    }, 
    subtitle: { 
     text:'<div style="color: #707070; font-family: ProximaNovaLtSemibold; font-size: 15px; white-space: nowrap; margin-top: -10px;margin-left: 12px;">testing</div>', 
     align: 'left', 
     useHTML:true, 
     verticalAlign:'bottom', 
     y: 0 
    }, 
    credits: { 
     enabled:false, 
     href: '' 
    }, 
    navigator:{ 
     enabled:false 
    }, 
    navigation: { 
     buttonOptions: { 
      enabled: false 
     } 
    }, 
    series: [{ 
     name: 'Usage', 
     data: [{"y":0,"color":"#80c3f0","visible":true},{"y":100,"color":"#d7d7d7","visible":true}], 
    size: '170%', 
    innerSize: '185%' 
    }] 
};new Highcharts.StockChart(dataObj); 

上面的代碼在2.0.3版本工作正常。但它不適用於最新版本的highstocks（2.1.8）。

有人可以解釋我如何實現這個最新版本的Highstocks？

Answer 1

即使使用最新版本的HighStock（即Highstock JS v2.1.8（2015-08-20）。也可以看到工作Fiddle here。您錯過了將代碼包裝在jquery文檔中準備好或$。

$(function(){});