javascript - 有没有办法使用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 (){});