2016-04-26 9 views
8

ではありません、私はhighstockチャートを作成しようとしていますが、次のエラーを取得しています:Highstock、エラー:キャッチされない例外TypeError:[(中間値)(中間値)(中間値)] wのコンストラクタ

error: Uncaught TypeError: w[(intermediate value)(intermediate value)(intermediate value)] is not a constructor

私のJSONが有効で、私のjavascriptもそうだと思います。

Javascriptを:

$.getJSON('<?php echo SITE_URL; ?>analytic/weekly_views_json', function(data) 
    { 
     // Create the chart 
     $('#container2').highcharts('StockChart', { 

      rangeSelector: { 
       selected: 1 
      }, 

      title: { 
       text: 'AAPL Stock Price' 
      }, 

      series: [{ 
       name: 'AAPL Stock Price', 
       data: data, 
       type: 'spline', 

      }] 
     }); 
    }); 

JSON:

[[1420547368,1],[1423225768,1],[1425644968,1],[1428319768,1],[1430911768,1],[1433590168,1],[1452083368,1],[1454761768,1],[1457267368,1],[1458131368,1],[1459942168,1],[1494070168,1]] 
+2

タイムスタンプはUNIX形式のように見えるものでなければなら私のために働きましたJS形式を実現するために1000を掛けてください。あなたのコードが正しいので、チャートのライブデモをお持ちですか? –

+0

あなたが提供したコードはうまくいくようですhttp://jsfiddle.net/o079d5s6/2/問題を示すフィドルを作成できますか? –

+0

@YuryTarabanko私はハイチャートの例を使っていますが、上記のエラーがあります! [jsfiddle highchart example](http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/basic-line/) – MHS

答えて

5

まず解決策:私は同じエラー、私は私のHTMLのコードで以下のようにhighchartを使用していた

<head> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
... 
</head> 

と私のjsコードされた:highchart documentionに関して

$('#container').highcharts('StockChart', { 
... 
}); 

、我々は新しいhighstockを作成するためにHighcharts.Chartを使用する必要があります。 ので、私は私のコードを変更:

<head> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
... 
</head> 

と私のjsコードだった:

var chart = new Highcharts.Chart({ 
     chart: { 
       renderTo: 'container' 
      }, 
... 
}); 

と、このエラーが解決されました!

第二の溶液:this documentationに関しても

あなたは組み合わせてチャートやStockChartを実行している場合、あなただけのhighstock.jsファイルをロードする必要があります。

<head> 
<script src="https://code.highcharts.com/stock/highstock.js"></script> 
... 
</head> 

と私のjsコードされた:

はこれに私のコードを変更し

var chart = new Highcharts.Chart({ 
     chart: { 
       renderTo: 'container' 
      }, 
... 
}); 
0

これは

<script src="../lib/highcharts.js"/> 
<script src="../lib/highcharts-more.js"/> 

var chart = new Highcharts.Chart({ 
        chart: { 
         renderTo: 'Temperature' 
        }, 
        title: { 
         text: 'HighStock' 
        }, 
        legend: { 
         enabled: true 
        }, 
        xAxis: { 
         categories: ['1','2','3','4'], 
         title: { 
          text: 'day' 
         } 
        }, 
        yAxis: { 
         title: { 
          text: 'values' 
         } 
        }, 
        series: [{ 
         name: 'temperature', 
         data: [ 
          [5,30],[10,35],[15,40],[20,45] 
         ], 
        }] 
       });