有没有办法用highstock最新版本绘制饼图?

时间:2015-09-30 17:43:10

标签: javascript highcharts highstock

我正在使用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中实现这一目标吗?

1 个答案:

答案 0 :(得分:1)

即使使用最新版本的HighStock(即Highstock JS v2.1.8(2015-08-20)),它仍然运行良好。请参阅工作this site。您错过了将代码包装在jquery的文档中或$。换行你的代码在

  $(function (){});