2016-10-03 12 views
1

私はphantomjsとhighcharts-convert.jsを使ってサーバー上のイメージをレンダリングします。私はdata.jsonという名前のJSONスクリプトを持っています。シリーズとカテゴリのデータをmysqlのhighcharts-convert.jsで取得する方法

{ 
chart: { 
    backgroundColor: '#4A4D4E', 
    type: 'column' 
}, 
xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
     'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    labels: { 
     formatter: function() { 
      return '<span style="fill: white;">' + this.value + '</span>'; 
     } 
    } 
}, 
yAxis: { 
    min: 0 
}, 
series: [{ 
    name: 'Total Interaction', 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 
     135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
    color: 'red' 
}] 

}

私はCMDで

phantomjs highchart-convert.js -infile data.json -outfile image.png 

をこのスクリプトを実行し、これが正常にimage.pngを生成するが、私は、カテゴリとシリーズがこの

[{"name":"Date","data":["December","January","February","March","April"]}, {"name":"Interaction","data":["99621","148350","107637","113887","103831"]}] 
のようなPHPスクリプトを実行した結果である別のJSONから取りたいです

これはどうやって取得できますか?

+0

そうするhighchartsコンバートには設定がありません、あなたはで使用する前に、あなたの質問から必要な変更で、highchatrsコンバートに新しい機能を追加したり、data.jsonを構築する必要がありますhighcharts-convert。 –

答えて

0

data.jsonからデータを読み取り、オブジェクトを設定します。 "データ"。 phpとsetとobjectからデータを読み込みます。 "シリーズ"。 データのシリーズをスクリプトのシリーズに置き換えます。 新しいデータを保存します。 新しいデータでコマンドラインステートメントを呼び出します。

// I'm harcoding but you get the data from data.json 
var data = { 
chart: { 
    backgroundColor: '#4A4D4E', 
    type: 'column' 
}, 
xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
     'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    labels: { 
     formatter: function() { 
      return '<span style="fill: white;">' + this.value + '</span>'; 
     } 
    } 
}, 
yAxis: { 
    min: 0 
}, 
series: [{ 
    name: 'Total Interaction', 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 
     135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
    color: 'red' 
}]}; 

// It's harcoded but you must get the data from the script 
var series = [{"name":"Date","data":["December","January","February","March","April"]}, {"name":"Interaction","data":["99621","148350","107637","113887","103831"]}]; 
// Replace the series 
data.series = series; 

// save data as data2.json 
// call in command line: phantomjs highchart-convert.js -infile data2.json -outfile image.png 
関連する問題