2016-05-02 6 views
1

私はリニアチャートに表示データを試していますhighChart 何度も試してみました。これらは私がやろうとしてきたものですが、グラフはまだ空白です!線形ハイチャートにデータを表示する方法は?

<script> 
$(document).ready(function() { 

    var options={ 
     chart: { 
       renderTo: 'container', 
       type: 'line' 
      }, 
     title : { 
      text: 'Monthly Average Temperature' 
     }, 
     subtitle : { 
      text: 'Source: WorldClimate.com' 
     }, 
     xAxis : { 
      categories: ['11','jj','jj','11'] 
     }, 
     yAxis :{ 
      title: { 
      text: 'Temperature (\xB0C)' 
      }, 
      plotLines: [{ 
      value: 0, 
      width: 1, 
      color: '#808080' 
      }] 
     }, 

     tooltip : { 
      valueSuffix: '\xB0C' 
     }, 

     legend : { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'middle', 
      borderWidth: 0 
     }, 

     series : [{}] 

    } 
$.ajax({ 
type: 'GET', 
contentType : 'application/json', 
dataType: 'JSON', 
url: 'json', 
data: "", 
success: function(data){ 
    var array=[] ; 
    $.each(data, function(i) { 


     array.push(data[i].id); 

     }) 
      alert(array); 
     options.series[0]= array; 


    var chart = new Highcharts.Chart(options); 

} 
}); 

}); 
    </script> 

ここでalert(array);は、jsonから値の配列を正しく返します。 まだ認識されていませんseries! 助けてください?

+0

配列に格納されて何を言うことはできますか? – void

+0

これは 'alert(array);'が '120,168,200'を返すものです –

答えて

2

series[0]は、データが特定の形式であることを想定しています。代わりにoptions.series[0]= array;

ドを行う

options.series[0]= {"data":array}; 

ワーキングfiddle

+0

ありがとう! それは魅力のように動作します:D –

関連する問題