[英]Highcharts gauge do not display
我對Highcharts量規有問題。 實際上,它沒有顯示,並且我有一個JS錯誤。
TypeError: $[b.defaultSeriesType] is not a constructor
highcharts.js(第159行)
我在其他兩個標簽中有3個選項卡(使用bootstrap / jquery),並且沒有問題。
我不明白,因為我只是從Highcharts網站復制了該示例。 有誰知道這可能是什么原因?
編輯:
這是JS的一部分
chart = new Highcharts.Chart({
chart : {
renderTo : 'container',
type : 'gauge',
plotBackgroundColor : null,
plotBackgroundImage : null,
plotBorderWidth : 0,
plotShadow : false
},
title : {
text : 'Speedometer'
},
pane : {
startAngle : -150,
endAngle : 150,
background : [
{
backgroundColor : {
linearGradient : {
x1 : 0,
y1 : 0,
x2 : 0,
y2 : 1
},
stops : [
[ 0, '#FFF' ],
[ 1, '#333' ] ]
},
borderWidth : 0,
outerRadius : '109%'
},
{
backgroundColor : {
linearGradient : {
x1 : 0,
y1 : 0,
x2 : 0,
y2 : 1
},
stops : [
[ 0, '#333' ],
[ 1, '#FFF' ] ]
},
borderWidth : 1,
outerRadius : '107%'
}, {
// default background
}, {
backgroundColor : '#DDD',
borderWidth : 0,
outerRadius : '105%',
innerRadius : '103%'
} ]
},
// the value axis
yAxis : {
min : 0,
max : 200,
minorTickInterval : 'auto',
minorTickWidth : 1,
minorTickLength : 10,
minorTickPosition : 'inside',
minorTickColor : '#666',
tickPixelInterval : 30,
tickWidth : 2,
tickPosition : 'inside',
tickLength : 10,
tickColor : '#666',
labels : {
step : 2,
rotation : 'auto'
},
title : {
text : 'km/h'
},
plotBands : [ {
from : 0,
to : 120,
color : '#55BF3B' // green
}, {
from : 120,
to : 160,
color : '#DDDF0D' // yellow
}, {
from : 160,
to : 200,
color : '#DF5353' // red
} ]
},
series : [ {
name : 'Speed',
data : [ 80 ],
tooltip : {
valueSuffix : ' km/h'
}
} ]
});
在我的html中,我有這個
<div class="tab-pane fade" id="requetesSeconde">
<div id="container"
style="width: 400px; height: 300px; margin: 0 auto"></div>
</div>
問題是您尚未包含highcharts-more.js
文件
這很奇怪,因為我復制了示例。 可能由於頁面上的圖表數量而出現問題。 (第一個選項卡中的3,第二個選項卡中的1和第三個選項卡中的壓力表)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.