0

積み上げ棒グラフをいくつかのデータベース値とバインドしたいと考えています。ハードコードされた値を使用して動作させました。データベースの値を使用するにはどうすればよいですか?

現在、JavaScript ファイルに次のコードがあります。

$(function () {
    var css_id = "#placeholder";
    var data = [
        {label: 'Strong', data: [[1,250], [2,250], [3,250], [4,250], [5,250], [6,250], [7,250], [8,250], [9,250], [10,250], [11,250], [12,250]]},        
         {label: 'Weak', data: [[1,200], [2,200], [3,200], [4,200], [5,200], [6,200], [7,200], [8,200], [9,200], [10,200], [11,200], [12,200]]},        
          {label: 'Medium', data: [[1,50], [2,50], [3,50], [4,50], [5,50], [6,50], [7,50], [8,50], [9,50], [10,50], [11,50], [12,50]]},        
    ];
    var options = {
        series: {stack: 0,
                 lines: {show: false, steps: false },
                 bars:  {show: true, barWidth: 0.9, align: 'center'},
                },
        xaxis: {ticks: [[1,'Jan'], [2,'Feb'], [3,'March'], [4,'April'], [5,'May'],[6,'June'],[7,'July'],[8,'August'],[9,'Sept'],[10,'Oct'] ,[11,'Nov'],[12,'Dec'] ]},
    };

    $.plot($(css_id), data, options);
});
4

1 に答える 1

2

最も簡単な方法は、サーバー側でこのファイルを生成することです。これは、PHP コードがすべてをエコーし​​、データベースから数値を取得することを意味します。

この js ファイルからコピーを作成し、数字をプレースホルダーに置き換えてテンプレートにします。

{ラベル: '強', データ: [[1,#STRONG_1], [2,#STRONG_2]...]}

これから、PHP (または使用しているサーバー側言語) プログラムは次のようになります。

  1. テンプレートを読み込む
  2. データベースからデータを読み取る
  3. プレースホルダーをテンプレートの値に置き換えます
  4. 反響する

mygraph.php?date=20100629 のように、URL パラメーターを使用して、どのデータを読み取る必要があるかをプログラムに伝えることができます。

また、このコード (手順 1 ～ 4) をページ ジェネレーター スクリプトに挿入する必要があります。JS コードの前後に開始タグと終了タグを追加することを忘れないでください。

これが完了したら、AJAX で同様の作業を行う方法を学ぶ必要があります。

于 2010-06-29T09:12:56.660 に答える