データベースからのデータでハイチャートを読み込む

Question

こんにちは、私はhighchartsとzendが初めてです。私はzendビューでハイチャートをインストールし、いくつかのダミーデータでグラフを描くことができました。今私は私のデータベースからのデータを持つグラフを作成したい。私のデータには、ユーザーの体重と体重測定の日付が含まれています。

x axis will be the weight of the user 
    y axis will be the date of weight measurement 

私はデータベースを準備していますが、私のデータベースのそのデータからグラフを作成する方法についてはわかりません。ありがとう。

Answer 1

多くの場合、x軸は時間値のために使用されますが、（本質的に時間軸が垂直の代わりに水平にする）x軸及びy軸のための場所を交換するtrueにinvertedプロパティを設定することによって、グラフを反転させることができる。

chart: { 
    renderTo: 'container', 
    type: 'spline', 
    inverted: true // <== inverted chart 
}, 

xAxis: { 
    type: 'datetime', 
}, 

series: [{ 
    data: [[Date.UTC(2011, 0, 1), 69.9], 
      [Date.UTC(2011, 0, 2), 71.5], 
      [Date.UTC(2011, 0, 3), 76.4], 
      [Date.UTC(2011, 0, 4), 81.5], 
      [Date.UTC(2011, 0, 5), 80.4]] 
}] 

は、私はこれを示すjsfiddleにあなたのための例を作った：http://jsfiddle.net/emWm7/

リファレンスドキュメント：http://www.highcharts.com/ref/index.php#chart--inverted

Answer 2

私はあなたが使用できる2つのコードサンプルを持っています。テーブルからタブ区切りの値を生成しています。もう一つはあなたのテーブルからJSON文字列を生成しています。

タブ区切り値の例here。

JSONの例here。