参考
GoogleCharts 折れ線グラフの使い方
Google Chart を使う
web-saku.net/google-charts-basics/ ... new
系列別の個別設定 series
www.tagtec.net/google-charts-basic
--------
html5 でグラフ.....
グラフ(g_chart,chart,dygraphなど)
Dygraphを使う...時系列の折れ線グラフ
dyg5.html
chart.jsを使う
csvをchart.jsでグラフ化
0:横棒 1:折れ線 2:棒 3:円
注意:
textarea_load 後 、data部(0行0列以外)は、数値でないといけない。
文字nullは、数値化で0になる。すべて-に変換で グラフなし(NaN)。(null=0 を避ける。)
注意:var da= の直接指定のため、 ""(null) は undefined で OK。 - は数値でなくだめ。
var da = [
['月','電気量A','電気量B'],
['1',756,621],
['2',704,574],
['3',650,734],
['4',562,544],
['5',459,513]
];
-------csv 分離
for(var i = 1; i < arr.length; i++){
// 空白行が出てきた時点で終了
if(arr[i] == '') break;
// ","ごとに配列化
res[i] = arr[i].split(',');
for(var i2 = 1; i2 < res[i].length; i2++){
// 数字の場合は「' "」を削除 ・・・ 2列目以降に適用
if(res[i][i2].match(/\-?\d+(.\d+)?(e[\+\-]d+)?/)){
res[i][i2] = parseFloat(res[i][i2].replace(/'?"?/g, ""));
}}}