2017-08-24 10 views
1

私はチャートを作成しました。リアルタイムで更新したいので、私はajaxを使用しています。私の質問は、どのようにajaxレスポンスを表示するのですか?以下は私のチャートのサンプルスクリプトです。私を助けてください。どうもありがとうございました。ajaxレスポンスを表示する方法

Chart.php -

$(document).ready(function() { 
    Highcharts.chart('container', { 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: "TITLE" 
     }, 
     series: [{ 
      name: 'Present', 
      data: [*//must display the ajax response here//*] 
     }] 
    }); 
}); 

ajax.php

<script> 
function fanc_no(){ 
    $.ajax({ 
     url: "test.php", 
     success: function(result){ 
      $("#container").html(result); 
     } 
    }); 
} 
window.setInterval(function(){ 
    func_no(); 
}, 1000); 
</script> 
+1

[データをAjaxでハイチャートに読み込む](https://stackoverflow.com/questions/12223972/load-data-into-highcharts-withajax) –

答えて

0

load機能を見てみましょう:setInterval関数の内部で、

chart: { 
    events: { 
     load: function() { 

      // set up the updating of the chart each second 
      var series = this.series[0]; 
      setInterval(function() { 
       var x = (new Date()).getTime(), // current time 
        y = Math.round(Math.random() * 100); 
       series.addPoint([x, y], true, true); 
      }, 1000); 
     } 
    } 
} 

さて、あなたはする必要がありますあなたのajaxを呼び出し、結果を渡すようにします。

the official docsをご覧ください。

+0

こんにちは!バーグラフのための他のオプションはありますか?折れ線グラフの場合はこれを示しています。 – COCECS

+0

これは、線グラフと棒グラフの両方で動作すると思います。試してみないと以下のようになります。 – treolandix

+0

これは機能しません。常にこのページはウェブサイトの速度を落としていると言います。 – COCECS

関連する問題