参考:google charts
www.tagtec.net/google-charts-basic
web-saku.net/google-charts-basics/
https://note.com/ppi_motoki/n/n2b2bd2236a00
yohshiy.blog.fc2.com...古い
Dygraph..... 時系列の折れ線グラフ
dyg5.html
グラフ:0:ColumnChart 棒 , 3:PieChart 円, 2:BarChart , 1:LineChart 折れ線
注意:nullはすべて-に変換で NaNグラフなし。(null=0 を避ける。)
DATA の 例
見出し(0行)は、必ず、文字行のこと。
Dataの先頭(0列)も文字が良い。数値の場合は数値順に表示。
-----------
var data = new google.visualization.DataTable();//...old
data.addColumn('string', '月');
data.addColumn('number', 'PV');
data.addRows([
['9月', 10],
['10月', 30],
['11月', 100],
['12月', 200],
['1月', 300]
]);
-----------
var data = google.visualization.arrayToDataTable([
['タスク','時間A','時間B'],
['仕事',,15],
['食事',8,20],
['通勤',5,13],
['TV 鑑賞',9,22],
['睡眠',7,17]
]);
または、
da=[['タスク','時間A','時間B'],['仕事',,15],['食事',8,20],['通勤',5,13],['TV 鑑賞',9,22],['睡眠',7,17]];//good 1d
//null , "" , "-" ... 文字でerror // undefined... OK で グラフなし