我正在使用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中实现这一目标吗?
最佳答案
即使使用最新版本的HighStock(即Highstock JS v2.1.8(2015-08-20)),它也可以正常工作。请参见有效的Fiddle here。您错过了将代码包装在jquery文档中的准备好的位置或$中。
$(function (){});