1
하이 차트 게이지에 문제가 있습니다. 사실, 표시되지 않고 JS 오류가 있습니다.하이 차트 게이지가 표시되지 않습니다.
TypeError: $[b.defaultSeriesType] is not a constructor highcharts.js (라인 159)
나는 두 사람의 파이 (부트 스트랩/jQuery를 사용하여) 3 개 탭이 이러한 것들에 아무 문제가 없다.
하이 차트 웹 사이트에서 예제를 복사했기 때문에 이해가 가지 않습니다. 누구든지이 문제의 원인이 될 수있는 아이디어가 있습니까?
편집 : 여기
은 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파일을 포함하지 않은 것입니다? 나는 당신이해서는 안되는 새로운 키워드를 사용하고 있다고 생각합니다. – penguat당신은 편집 – BkSouX
을 볼 수 있습니다. 오류를 식별 할 때까지 부품 제거를 제안합니다 .-- 간단한 검사를 통해 시리즈로 보입니다. http://jsfiddle.net/fWvCT/ 코드를 JSFiddle에 올리면 앞으로 도움이 될 것입니다. – penguat