2013-04-01 17 views
12

avevo incluso il file jQuery_1.8.2 js e poi inserito questo codice, ma iam ottenere l'errore ..

TypeError: $(...).highcharts is not a function [Break On This Error]

data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]

ho appena creato un div con id contenitore ... dove sono andato storto..questo ordine di collocare file js errati ..? Come risolvere questo problema ..?

<script> 
     buildHighCharts(); 
     function buildHighCharts(){ 
       $('#container').highcharts({ 
        chart: { 
         type: 'line', 
         marginRight: 130, 
         marginBottom: 25 
        }, 
        title: { 
         text: 'Monthly Average Temperature', 
         x: -20 //center 
        }, 
        subtitle: { 
         text: 'Source: WorldClimate.com', 
         x: -20 
        }, 
        xAxis: { 
         categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
          'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
        }, 
        yAxis: { 
         title: { 
          text: 'Temperature (°C)' 
         }, 
         plotLines: [{ 
          value: 0, 
          width: 1, 
          color: '#808080' 
         }] 
        }, 
        tooltip: { 
         valueSuffix: '°C' 
        }, 
        legend: { 
         layout: 'vertical', 
         align: 'right', 
         verticalAlign: 'top', 
         x: -10, 
         y: 100, 
         borderWidth: 0 
        }, 
        series: [{ 
         name: 'Tokyo', 
         data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
        }, { 
         name: 'London', 
         data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
        }] 
       }); 
      } 
      </script> 

      <script type="text/javascript" src="js/highcharts1/highcharts-2.3.5.js"></script> 
      <script type="text/javascript" src="js/highcharts1/modules/exporting-2.3.5.js"></script> 
+1

dove stai chiamando 'buildHighCharts()'? – epascarello

+0

ha appena aggiornato lo script .. con la funzione chiamata .. – sakar

+0

Probabilmente questo non sta creando il problema che stai vedendo, ma in realtà non dovresti chiamare la funzione prima di dichiararla. –

risposta

2

Si sta utilizzando diagrammi elevati prima di averlo aggiunto alla pagina. Comprende la necessità di venire prima!

+1

grazie per la rapida risposta epascarello..i avevo già provato in quel modo ma iam non è riuscito a risolverlo .. – sakar

+0

appena aggiornato il controllo degli errori una volta .. – sakar

+0

Così hai spostato i tag davanti al tag script con buildHighCharts(). hai cancellato la cahce per assicurarti di avere il codice giusto. Sei sicuro che i grafici alti siano presenti nella pagina? – epascarello

7

any order of placing js files wrong..?

Sì. Il codice di configurazione highcharts deve venire dopo i tag di script che caricano la libreria highcharts.

<script type="text/javascript" src="js/highcharts1/highcharts-2.3.5.js"></script> 
<script type="text/javascript" src="js/highcharts1/modules/exporting-2.3.5.js"></script> 
<script> 
    function buildHighCharts(){ ... } 
</script> 
+0

grazie per il tuo intervento Matt .. anche se ho trovato il problema..questo perché ho usato la parola "ordine" – sakar

+0

appena aggiornato controllo del codice una volta .. – sakar

+4

Quello che ti manca è davvero semplice: 1. 2. SEGUE LA LIBRERIA altrimenti si caricheranno i diagrammi in alto prima di jquery che causa il problema precedente. Jquery dovrebbe essere caricato prima nella pagina prima di highcharts –

Problemi correlati