2013-02-20 5 views
1

У меня проблема с датчиком Highcharts. Фактически, он не отображается, и у меня есть ошибка JS.Highcharts gauge не отображается

TypeError: $[b.defaultSeriesType] is not a constructor highcharts.js (строка 159)

У меня есть 3 вкладки (с помощью начальной загрузки/JQuery) с пирогом в двух других, и нет никаких проблем с этими них.

Я не понимаю, потому что я только что скопировал пример с сайта Highcharts. Есть ли у кого-нибудь идеи, что может вызвать это?

EDIT:

Вот часть 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> 
+0

Вы можете поместить это для нас увидеть? Я предполагаю, что вы используете новое ключевое слово, в котором вы не должны. – penguat

+0

вы можете увидеть редактирование – BkSouX

+0

Я предлагаю удалить детали, пока вы не определите ошибку :-) Выглядит ко мне, при кратковременном осмотре, стать серией. См. Http://jsfiddle.net/fWvCT/ Если вы можете поместить свой код в JSFiddle в полном объеме, это поможет вам в будущем. – penguat

ответ

7

Вопрос заключается в том, что вы не включили highcharts-more.js файл

+0

Ничего себе, спасибо, я не знал, что есть еще один файл! – BkSouX

+0

awesome ... спасибо за информацию о highcharts-more.js ... –

0

Это очень странно, потому что я скопировал пример. Возможно, проблема связана с количеством графиков на странице. (3 в первой вкладке, 1 в второй и датчик в третьем)