●GoogleCharts(グラフ)のPSHメモ帳操作
今回２７件、前回含め合計５５件のグラフ表示を記載しています。これでgoogleChartsサイトに掲載の約８割をPSHメモ帳で操作実現しています。本記事は、横棒グラフ、縦棒グラフ、複合グラフ、円グラフを記載しています。その他として下図の[60]から[67]も利用方法は不明ですが記載しました。各グラフのOption指定はgoogleChartsサイトの各グラフのサイトを参照ください。
★注: この記事を最初に閲覧される方は、応用編[3.3][3.4] に関連記事を記載していますのでご参照ください。
＜戻る 進む＞
★注: wndPshPrg201_usr.ps1 をV1.52->1.53に修正しました(応用編[3.1]参照)。●開始画面の表示
 |
| Google Charts 横棒/縦棒/積上/複合/円/色々 |
PSHメモ帳[wPshMemo201.bat]をダブルクリック[WC]し次項で作成の[wPshgraf301.txt]を表示ください。
[File表示]ドラッグ＆ドロップ or [TopPage]に登録して[WC]
●TXTファイルの組込み
いつものようにコピペListから次のTXTファイルを作成し下記[grf]ファルダ内に保存ください。
[List3.5.1] -> [wPshGraf301.txt] この画面ファイル
[wGuiPsh2]
●各グラフの表示
##★[41]１本：横棒グラフ１(棒幅、付表無し、コラム指定、各棒の色指定)
次の行をダブルクリック[WC]するとグラフ表示する。&&& $zType="BarChart"; ##★[WC]
次にzOption設定でグラフタイトル、グラフ幅/高さ/背景色/表示領域/棒幅等を指定する。$zOption="{
title:'[41]金属の価値(XXX)',titleTextStyle:{color:'black',fontSize:22},
width:600, height:400, backgroundColor:'#f1f8e9',
chartArea:{left:100, top:80, right:60, bottom:80},
bar:{groupWidth: '85%'},legend:'none',
}";
最後にzDataをデータモード"[ [項目列],[データ列1],,,,[データ列n],]"で設定する。
$zData="[ ['要素','価値',{role:'style'} ],
['銅',8.94,'#b87333'],['銀',10.49,'silver'],['金',19.30,'gold'],
['プラチナ',21.45,'color:#e5e4e2'],]";
[HTML]
[----]
##★[42]３本：横棒グラフ２
[HTML]
[----]
##★[43]４本：横棒グラフ３
[HTML]
[----]
##★[44]１本：縦棒グラフ１１(基本)
[HTML]
[----]
##★[45]１本：縦棒グラフ１２(棒幅/棒色)
[HTML]
[----]
##★[46]１本：縦棒グラフ１３(XY補助線)
[HTML]
[----]
##★[47]２本：縦棒グラフ２１(基本)
[HTML]
[----]
##★[48]２種：縦棒グラフ２２(左右に項目)
[HTML]
[----]
##★[49]３本：縦棒グラフ３１(棒幅/文字寸法)
[HTML]
[----]
##★[50]４本：縦棒グラフ４１(棒各色/凡例を上設置/棒幅/文字寸法)
[HTML]
[----]
##★[51]積み上げ：縦棒グラフ５１
[HTML]
[----]
##★[52]複合グラフ１(棒１本/線１本/左右に項目/上に凡例)
[HTML]
[----]
##★[53]複合グラフ２(棒５本/線１本)
[HTML]
[----]
##★[54]円グラフ１１(文字寸法)
[HTML]
[----]
##★[55]円グラフ１２(Otherの丸め)
[HTML]
[----]
##★[56]円グラフ３１(３Ｄ)
[HTML]
[----]
##★[57]ドーナツ円
[HTML]
[----]
##★[58]円グラフ２１(弧部抜取り)
[HTML]
[----]
##★[59]ウオーターフォール
[HTML]
[----]
##★[60]タイムライン
[HTML]
[----]
##★[61]Ｇメータ３個(zDataプログラム組込モード)
[HTML]
[----]
##★[62]ヒスとぐらむ１
[HTML]
[----]
##★[63]ヒストグラム２
[HTML]
[----]
##★[64]サンキーダイアグラム
[HTML]
[----]
##★[65]カレンダグラフ
[HTML]
[----]
##★[66]ワードツリー
[HTML]
[----]
##★[67]ツリーマップ
[HTML]
[----]
●コピペ[List3.5.1] [wPshGraf301.txt]
#! @BakColor:#ffefb3 @FntSize:14 @WndSize:1220,740
##●●googleグラフ３：(縦棒/横棒/複合/円/他）-------------------------
##★[41]１本：横棒グラフ１(棒幅、付表無し、コラム指定、各棒の色指定)
##★[42]３本：横棒グラフ２
##★[43]４本：横棒グラフ３
##★[44]１本：縦棒グラフ１１(基本)
##★[45]１本：縦棒グラフ１２(棒幅/棒色)
##★[46]１本：縦棒グラフ１３(XY補助線)
##★[47]２本：縦棒グラフ２１(基本)
##★[48]２種：縦棒グラフ２２(左右に項目)
##★[49]３本：縦棒グラフ３１(棒幅/文字寸法)
##★[50]４本：縦棒グラフ４１(棒各色/凡例を上設置/棒幅/文字寸法)
##★[51]積み上げ：縦棒グラフ５１
##★[52]複合グラフ１(棒１本/線１本/左右に項目/上に凡例)
##★[53]複合グラフ２(棒５本/線１本)
##★[54]円グラフ１１(文字寸法)
##★[55]円グラフ１２(Otherの丸め)
##★[56]円グラフ３１(３Ｄ)
##★[57]ドーナツ円
##★[58]円グラフ２１(弧部抜取り)
##★[59]ウオーターフォール
##★[60]タイムライン
##★[61]Ｇメータ３個(zDataプログラム組込モード)
##★[62]ヒスとぐらむ１
##★[63]ヒストグラム２
##★[64]サンキーダイアグラム
##★[65]カレンダグラフ
##★[66]ワードツリー
##★[67]ツリーマップ
##-------------------------------------------------------------------
##★[41]１本：横棒グラフ１(棒幅、付表無し、コラム指定、各棒の色指定)
##
&&& $zType="BarChart"; ##★[WC]
; $zOption="{title:'[41]金属の価値(XXX)', titleTextStyle:{color:'black', fontSize:22},
; width:600, height:400, backgroundColor:'#f1f8e9', chartArea:{left:100, top:80, right:60, bottom:80},
; bar:{groupWidth: '85%'},legend:'none',
; }";
; $zData ="[ ['要素', '価値', {role:'style'} ],
; ['銅', 8.94,'#b87333'], ['銀',10.49,'silver'], ['金',19.30,'gold'], ['プラチナ',21.45,'color:#e5e4e2'],
; ]"; ssGraf $zType $zOption $zData;
##★[42]３本：横棒グラフ２
##
&&& $zType="BarChart"; ##★[WC]
; $zOption="{ title: '[42]XXX会社', titleTextStyle:{color:'black', fontSize:22},
; width:600, height:400, backgroundColor:'#f1f8e9', chartArea:{left:100, top:80, right:60, bottom:80},
; legend:'none',
; }";
; $zData="[ ['年','売上','利益','税金'],
; ['2014',1023,400,120], ['2015',1170,460,150], ['2016',1660,560,240], ['2017',1030,540,180]
; ]"; ssGraf $zType $zOption $zData;
##★[43]４本：横棒グラフ３
##
&&& $zType="BarChart"; ##★[WC]
; $zOption="{ title: '[43]XXX会社', titleTextStyle:{color:'black', fontSize:22},
; width:800, height:500, backgroundColor:'#f1f8e9',
; chartArea:{left:100, top:80, right:60, bottom:80}, legend:'none',
; }";
; $zData="[ ['年', '売上', '利益', '税金', '設備費'],
; ['2014', 1023, 400, 120 , 30 ], ['2015', 1170, 460, 150 , 120 ],
; ['2016', 1660, 560, 240 , 28 ], ['2017', 1030, 540, 180 , 33 ],
; ['2018', 1030, 540, 180 , 50 ], ['2019', 1030, 540, 180 , 50 ],
; ]"; ssGraf $zType $zOption $zData;
##★[44]１本：縦棒グラフ１１(基本)
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{title:'[44]月別推移', titleTextStyle:{color:'blue', fontSize:20},
; width:600, height:400, backgroundColor:{stroke:'#666', strokeWidth:2, fill:'#f1f8e9' },
; chartArea:{left:80, top:80, right:60, bottom:60}, legend:'none',
; }";
; $zData="[ ['月', 'Data'],
; ['9月',10], ['10月',30], ['11月',100], ['12月',140], ['1月',180], ['2月',220], ['3月',280],
; ]"; ssGraf $zType $zOption $zData;
##★[45]１本：縦棒グラフ１２(棒幅/棒色)
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{title:'[45]金属の価値(XXX)', titleTextStyle:{color:'black', fontSize:22},
; width:600, height:400, backgroundColor:'#f1f8e9',
; chartArea:{left:80, top:80, right:60, bottom:60}, legend:'none',
; bar:{groupWidth: '75%'},
; }";
; $zColum="data.setColumns([0, 1, {calc:'stringify', sourceColumn:1, type:'string', role:'annotation'}, 2])";
; $zData="[ ['Element', 'Density', { role:'style' } ],
; ['銅', 8.94,'#b87333'], ['銀',10.49,'silver'], ['金',19.30,'gold'], ['プラチナ',21.45,'color:#e5e4e2'],
; ]"; ssGraf $zType $zOption $zData;
##★[46]１本：縦棒グラフ１３(XY補助線)
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{title:'[46]元気の源/エナジー', titleTextStyle:{color:'red', fontSize:28},
; width:900, height:500, backgroundColor:{stroke:'#666', strokeWidth:2, fill:'#FFFFEC' },
; chartArea:{left:80, top:80, right:60, bottom:100}, legend:'none',
; hAxis:{ title:'時間', format:'h:mm a', viewWindow:{min:[7,00,0], max:[18,00,0]}, titleTextStyle:{fontSize:22},},
; vAxis:{ title:'元気の量', viewWindow:{min:0, max:12}, titleTextStyle:{fontSize:22}, },
; }";
; $zData="[ ['時間', '元気量'],
; [{v: [8, 0, 0], f: '8 am'}, 1], [{v: [9, 0, 0], f: '9 am'}, 5], [{v: [10, 0, 0], f:'10 am'}, 3],
; [{v: [11, 0, 0], f:'11 am'}, 6], [{v: [12, 0, 0], f:'12 pm'}, 5], [{v: [13, 0, 0], f: '1 pm'}, 3],
; [{v: [14, 0, 0], f: '2 pm'}, 7], [{v: [15, 0, 0], f: '3 pm'}, 2], [{v: [16, 0, 0], f: '4 pm'}, 7],
; ]"; ssGraf $zType $zOption $zData;
##★[47]２本：縦棒グラフ２１(基本)
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{title:'[47]元気の源/エナジー', titleTextStyle:{color:'red', fontSize:28},
; width:900, height:500, backgroundColor:{stroke:'#666', strokeWidth:2, fill:'#FFFFEC' },
; chartArea:{left:80, top:80, right:140, bottom:100},
; hAxis:{ title:'時間', format:'h:mm a', viewWindow:{min:[7,00,0], max:[18,00,0]}, titleTextStyle:{fontSize:22},},
; vAxis:{ title:'元気の量', viewWindow:{min:0, max:12}, titleTextStyle:{fontSize:22}, },
; }";
; $zData="[ ['時間', '気力度', 'エナジー'],
; [{v: [8, 0, 0], f: '8 am'}, 1, .25],
; [{v: [9, 0, 0], f: '9 am'}, 2, .5],
; [{v: [10, 0, 0], f: '10 am'}, 3, 1],
; [{v: [11, 0, 0], f: '11 am'}, 4, 2.25],
; [{v: [12, 0, 0], f: '12 pm'}, 5, 2.25],
; [{v: [13, 0, 0], f: '1 pm'}, 6, 3],
; [{v: [14, 0, 0], f: '2 pm'}, 7, 4],
; [{v: [15, 0, 0], f: '3 pm'}, 8, 5.25],
; [{v: [16, 0, 0], f: '4 pm'}, 9, 7.5],
; [{v: [17, 0, 0], f: '5 pm'}, 10, 10],
; ]"; ssGraf $zType $zOption $zData;
##★[48]２種：縦棒グラフ２２(左右に項目)
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{title:'[48]年度別売上/作業', titleTextStyle:{color:'blue', fontSize:24},
; width:800, height:400, top:10, lineWidth:6, backgroundColor:{stroke:'#666', strokeWidth:1, fill:'#ffd'},
; chartArea:{left:80, top:80, right:120, bottom:50}, legend:'none',
; series:{1:{targetAxisIndex:1}},
; vAxes:[ {minValue:0,title:'売上[万円]', textStyle:{color:'blue'},titleTextStyle:{color:'blue',fontSize:14} },
; {minValue:0,title:'作業[h]', textStyle:{color:'red'}, titleTextStyle:{color:'red',fontSize:16} } ],
; hAxis:{ title:'年度', titleTextStyle:{color:'#333',fontSize:18} },
; curveType: 'function',
; }";
; $zData="[ ['Year','経費','売上'],
; ['2000', 300, 1500 ], ['2002',700,2000 ], ['2004', 560,1000 ], ['2006',800,2200 ],
; ['2007', 300, 1500 ], ['2008',700,2000 ], ['2009', 560,1000 ], ['2010',800,2200 ],
; ]"; ssGraf $zType $zOption $zData;
##★[49]３本：縦棒グラフ３１(棒幅/文字寸法)
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{ title: '[49]XXX会社', titleTextStyle:{color:'black', fontSize:20},
; width:600, height:400, backgroundColor:'#f1f8e9', fontSize:18,
; chartArea:{left:80, top:80, right:120, bottom:50}, bar:{groupWidth: '80%'},
; }";
; $zData="[ ['年', '売上', '利益', '税金'],
; ['2014',1023,400,120], ['2015',1170,460,150], ['2016',1660,560,240], ['2017', 1030,540,180]
; ]"; ssGraf $zType $zOption $zData;
##★[50]４本：縦棒グラフ４１(棒各色/凡例を上設置/棒幅/文字寸法)
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{title:'[50]学年科目', titleTextStyle:{color:'blue', fontSize:20},
; width:800, height:400, backgroundColor:{stroke:'#ff0000', strokeWidth:2, fill:'#F8F2FB' }, fontSize:18,
; chartArea:{left:80, top:100, right:60, bottom:50}, bar:{groupWidth: '75%'}, legend:'top',
; colors:['#FF9E56', '#5E349A', '#138AD9', '#F4BD00'],
; }";
; $zData="[ ['科目', '1年生', '2年生', '3年生', '4年生'],
; ['国語', 76, 81, 78, 88], ['算数', 89, 82, 80, 79], ['理科', 83, 78, 80, 81], ['社会', 78, 83, 85, 88],
; ]"; ssGraf $zType $zOption $zData;
##★[51]積み上げ：縦棒グラフ５１
##
&&& $zType="ColumnChart"; ##★[WC]
; $zOption="{title:'[51]元気の源/エナジー', titleTextStyle:{color:'red', fontSize:24},
; width:900, height:500, backgroundColor:{stroke:'#666', strokeWidth:2, fill:'#FFFFEC' },
; chartArea:{left:100, top:80, right:160, bottom:80}, bar:{groupWidth: '60%'},
; isStacked:true,
; hAxis: {title:'時間', format:'h:mm a',viewWindow:{min:[7, 00, 0], max:[18, 00, 0]} },
; vAxis: {title:'元気の量', viewWindow:{min:0, max:25}, },
; }";
; $zData="[
; ['Time/Day', 'Motivation', 'Energy Level'],
; [{v: [8, 0, 0], f: '8 am'}, 1, .25], [{v: [9, 0, 0], f: '9 am'}, 2, .5],
; [{v: [10, 0, 0], f: '10 am'}, 3, 1], [{v: [11, 0, 0], f: '11 am'}, 4, 2.25],
; [{v: [12, 0, 0], f: '12 pm'}, 5, 2.25], [{v: [13, 0, 0], f: '1 pm'}, 6, 3],
; [{v: [14, 0, 0], f: '2 pm'}, 7, 4], [{v: [15, 0, 0], f: '3 pm'}, 8, 5.25],
; [{v: [16, 0, 0], f: '4 pm'}, 9, 7.5], [{v: [17, 0, 0], f: '5 pm'}, 10, 10],
; ]"; ssGraf $zType $zOption $zData;
##★[52]複合グラフ１(棒１本/線１本/左右に項目/上に凡例)
##
&&& $zType="ComboChart"; ##★[WC]
; $zOption="{ title:'[52]XXXXXXXXXXXXXXX', titleTextStyle:{color:'blue', fontSize:22},
; width: 800, height:500, backgroundColor:{stroke:'#666', strokeWidth:2, fill:'#FFFFEC' },
; chartArea:{left:100, top:80, right:160, bottom:60}, bar:{groupWidth: '60%'},
; series:{0:{type:'bars', targetAxisIndex:0},
; 1:{type:'line', targetAxisIndex:1}, }
; }";
; $zData="[ ['', 'Left-Y', 'Right-Y'],
; ['X1', 10, 10], ['X2', 20, 30], ['X3', 30, 60], ['X4', 20, 80],
; ['X5', 10, 90], ['X6', 20, 110], ['X7', 30, 140],['X8', 20, 160],
; ['X9', 10, 170], ['X10', 20, 190], ['X11', 30, 220],['X12', 20, 240],
; ]"; ssGraf $zType $zOption $zData;
##★[53]複合グラフ２(棒５本/線１本)
##
&&& $zType="ComboChart"; ##★[WC]
; $zOption="{title:'[53]国別月間生産量', titleTextStyle:{color:'blue', fontSize:22},
; width:900, height:500, fontSize:16, backgroundColor:{strokeWidth:2, fill:'#FCF2FB'},
; chartArea:{left:100, top:80, right:160, bottom:60}, bar:{groupWidth: '60%'},
; vAxis:{title:'数', maxValue:2000 },
; hAxis:{title:'年/月'},
; seriesType:'bars', series:{5:{type:'line', color:'blue'} },
; }";
; $zData="[
; ['月', 'ボリビア', 'エクアドル', 'マダガス', 'パプア', 'ルワンダ', '平均値'],
; ['2004/05', 165, 938, 522, 998, 450, 614.6 ],
; ['2005/06', 135, 1120, 599, 1268, 288, 682 ],
; ['2006/07', 157, 1167, 587, 807, 397, 623 ],
; ['2007/08', 139, 1110, 615, 968, 215, 609.4 ],
; ['2008/09', 136, 691, 629, 1026, 366, 569.6 ]
; ]"; ssGraf $zType $zOption $zData;
##★[54]円グラフ１１(文字寸法)
##
&&& $zType="PieChart"; ##★[WC]
; $zOption="{title:'[54]私の１日', titleTextStyle:{color:'blue', fontSize:22},
; width:500, height:400, backgroundColor:'#f1f8e9', fontSize:18,
; chartArea:{left:60, top:60, right:10, bottom:20},
; }";
; $zData="[ ['Task', 'Hours'],
; ['仕事',11], ['食事',2], ['会話',2], ['テレビ',2], ['睡眠',7],
; ]"; ssGraf $zType $zOption $zData;
##★[55]円グラフ１２(Otherの丸め)
##
&&& $zType="PieChart"; ##★[WC]
; $zOption="{ title:'[55]ピザパイ人気率', titleTextStyle:{color:'blue', fontSize:22},
; width:500, height:400, backgroundColor:'#f1f8e9', fontSize:18,
; chartArea:{left:60, top:60, right:10, bottom:20},
; sliceVisibilityThreshold: .10,
; }";
; $zData="[ ['Pizza','人気率'],
; ['Pepperoni', 33],
; ['Hawaiian', 26],
; ['Mushroom', 22],
; ['Sausage', 10],
; ['Anchovies', 9],
; ]"; ssGraf $zType $zOption $zData;
##★[56]円グラフ３１(３Ｄ)
##
&&& $zType="PieChart"; ##★[WC]
; $zOption="{title:'[56]私の１日', titleTextStyle:{color:'blue', fontSize:22},
; width:600, height:500, backgroundColor:'#f1f8e9', fontSize:18,
; chartArea:{left:60, top:60, right:10, bottom:20},
; is3D:true,
; }";
; $zData="[ ['Task', 'Hours'],
; ['仕事',11], ['食事',2], ['会話',2], ['テレビ',2], ['睡眠',7],
; ]"; ssGraf $zType $zOption $zData;
##★[57]ドーナツ円
##
&&& $zType="PieChart"; ##★[WC]
; $zOption="{title:'[57]私の１日', titleTextStyle:{color:'blue', fontSize:22},
; width:600, height:500, backgroundColor:'#f1f8e9', fontSize:18,
; chartArea:{left:60, top:60, right:10, bottom:20},
; pieHole:0.4,
; }";
; $zData="[ ['Task', 'Hours'],
; ['仕事',11], ['食事',2], ['会話',2], ['テレビ',2], ['睡眠',7],
; ]"; ssGraf $zType $zOption $zData;
##★[58]円グラフ２１(弧部抜取り)
##
&&& $zType="PieChart"; ##★[WC]
; $zOption="{ title:'[58]ＸＸＸ利用率',
; width:700, height:500, backgroundColor:'#f1f8e9', fontSize:18,
; chartArea:{left:60, top:60, right:10, bottom:40}, legend:'none',
; pieSliceText:'label',
; slices:{ 4:{offset:0.2}, 12:{offset:0.3}, 14:{offset:0.4}, 15:{offset:0.5}, },
; }";
; $zData ="[ ['Language', 'Speakers (in millions)'],
; ['Assamese', 13], ['Bengali', 83], ['Bodo', 1.4],
; ['Dogri', 2.3], ['Gujarati', 46], ['Hindi', 300],
; ['Kannada', 38], ['Kashmiri', 5.5], ['Konkani', 5],
; ['Maithili', 20], ['Malayalam', 33], ['Manipuri', 1.5],
; ['Marathi', 72], ['Nepali', 2.9], ['Oriya', 33],
; ['Punjabi', 29], ['Sanskrit', 0.01], ['Santhali', 6.5],
; ['Sindhi', 2.5], ['Tamil', 61], ['Telugu', 74], ['Urdu', 52]
; ]"; ssGraf $zType $zOption $zData;
##★[59]ウオーターフォール
##
&&& $zType="CandlestickChart"; ##★[WC]
; $zOption="{title:'[59]ウオーターフォール', titleTextStyle:{color:'blue',fontSize:22},
; width:600, height:400, fontSize:16, backgroundColor:'#f1f8e9',
; chartArea:{left:60, top:80, right:30, bottom:80}, legend:'none', bar:{groupWidth:'80%'},
; candlestick:{ fallingColor:{strokeWidth:0,fill:'#a52714'}, risingColor:{strokeWidth:0,fill:'#0f9d58'} },
; }";
; $zData="[
; ['月',28, 28, 38,38], ['火',38, 38, 55,55], ['水',55, 55, 77,77], ['木',77, 77, 66,66], ['金',66, 66, 22,22],
; ['月',28, 28, 38,38], ['火',38, 38, 55,55], ['水',55, 55, 77,77], ['木',77, 77, 66,66], ['金',66, 66, 22,22],
; ['月',28, 28, 38,38], ['火',38, 38, 55,55], ['水',55, 55, 77,77], ['木',77, 77, 66,66], ['金',66, 66, 22,22],
; ['月',28, 28, 38,38], ['火',38, 38, 55,55], ['水',55, 55, 77,77], ['木',77, 77, 66,66], ['金',66, 66, 22,22],
; ['月',28, 28, 38,38], ['火',38, 38, 55,55], ['水',55, 55, 77,77], ['木',77, 77, 66,66], ['金',66, 66, 22,22],
; ], true "; ssGraf $zType $zOption $zData;
##★[60]タイムライン
##
&&& $zType="Timeline"; ##★[WC]
; $zOption="{title:'[60]タイムライン',
; width: 700, height: 400, fontSize:22, backgroundColor:'#f1f8e9',
; }";
; $zData="[ ['氏名', '開始', '終了' ],
; ['山田孝雄', new Date(1789,3,30), new Date(1797,2,4)], ['大久保玄', new Date(1797,2,4), new Date(1801,2,4)],
; ['田村一宏', new Date(1801,2, 4), new Date(1809,2,4)], ['岸本大地', new Date(1801,2,4), new Date(1809,2,4)],
; ]"; ssGraf $zType $zOption $zData;
##★[61]Ｇメータ３個(zDataプログラム組込モード)
##
&&& $zType="Gauge"; ##★[WC]
; $zOption="{ width:680, height:340,
; min: 0, max: 280, yellowFrom: 200, yellowTo: 250,
; redFrom: 250, redTo: 280, minorTicks: 5,
; }";
; $zData ="
; data.addColumn('number','Engine'); data.addColumn('number','Torpedo'); data.addColumn('number','Etc');
; data.addRows(2);
; data.setCell(0, 0, 120); data.setCell(0, 1, 80); data.setCell(0, 2, 180);
; "; ssGraf $zType $zOption $zData;
##★[62]ヒスとぐらむ１
##
&&& $zType="Histogram"; ##★[WC]
; $zOption="{ title: '[62]ヒスとぐらむ', titleTextStyle:{color:'blue', fontSize:22},
; width:900, height:500,
; legend: { position:'none'},
; }";
; $zData ="[
; ['Dinosaur', 'Length'],
; ['Acrocanthosaurus (top-spined lizard)', 12.2],
; ['Albertosaurus (Alberta lizard)', 9.1],
; ['Allosaurus (other lizard)', 12.2],
; ['Apatosaurus (deceptive lizard)', 22.9],
; ['Archaeopteryx (ancient wing)', 0.9],
; ['Argentinosaurus (Argentina lizard)', 36.6],
; ['Baryonyx (heavy claws)', 9.1],
; ['Brachiosaurus (arm lizard)', 30.5],
; ['Ceratosaurus (horned lizard)', 6.1],
; ['Coelophysis (hollow form)', 2.7],
; ['Compsognathus (elegant jaw)', 0.9],
; ['Deinonychus (terrible claw)', 2.7],
; ['Diplodocus (double beam)', 27.1],
; ['Dromicelomimus (emu mimic)', 3.4],
; ['Gallimimus (fowl mimic)', 5.5],
; ['Mamenchisaurus (Mamenchi lizard)', 21.0],
; ['Megalosaurus (big lizard)', 7.9],
; ['Microvenator (small hunter)', 1.2],
; ['Ornithomimus (bird mimic)', 4.6],
; ['Oviraptor (egg robber)', 1.5],
; ['Plateosaurus (flat lizard)', 7.9],
; ['Sauronithoides (narrow-clawed lizard)', 2.0],
; ['Seismosaurus (tremor lizard)', 45.7],
; ['Spinosaurus (spiny lizard)', 12.2],
; ['Supersaurus (super lizard)', 30.5],
; ['Tyrannosaurus (tyrant lizard)', 15.2],
; ['Ultrasaurus (ultra lizard)', 30.5],
; ['Velociraptor (swift robber)', 1.8]
; ]"; ssGraf $zType $zOption $zData;
##★[63]ヒストグラム２
##
&&& $zType="Histogram"; ##★[WC]
; $zOption="{ title: '[63]ヒストグラム', titleTextStyle:{color:'blue', fontSize:22},
; width:800, height:400,
; legend: { position: 'top', maxLines: 2 },
; colors: ['#5C3292', '#1A8763', '#871B47', '#999999'],
; interpolateNulls: false,
; }";
; $zData ="[
; ['Quarks', 'Leptons', 'Gauge Bosons', 'Scalar Bosons'],
; [2/3, -1, 0, 0],
; [2/3, -1, 0, null],
; [2/3, -1, 0, null],
; [-1/3, 0, 1, null],
; [-1/3, 0, -1, null],
; [-1/3, 0, null, null],
; [-1/3, 0, null, null]
; ]"; ssGraf $zType $zOption $zData;
##★[64]サンキーダイアグラム
##
&&& $zType="Sankey"; ##★[WC]
; $zOption="{
; width:600, height:300,
; }";
; $zData="[ ['From', 'To', 'Weight'],
; [ 'A', 'X', 5 ],
; [ 'A', 'Y', 7 ],
; [ 'A', 'Z', 6 ],
; [ 'B', 'X', 2 ],
; [ 'B', 'Y', 9 ],
; [ 'B', 'Z', 4 ]
; ]"; ssGraf $zType $zOption $zData;
##★[65]カレンダグラフ
##
&&& $zType="Calendar"; ##★[WC]
; $zOption="{ title:'[65]カレンダグラフ',
; width:700, height:350,
; }";
; $zData="[ ['Date','Won/Loss'],
; [ new Date(2013, 9, 4), 38177 ],
; [ new Date(2013, 9, 5), 38705 ],
; [ new Date(2013, 9, 12), 38210 ],
; [ new Date(2013, 9, 13), 38029 ],
; [ new Date(2013, 9, 19), 38823 ],
; [ new Date(2013, 9, 23), 38345 ],
; [ new Date(2013, 9, 24), 38436 ],
; [ new Date(2013, 9, 30), 38447 ]
; ]"; ssGraf $zType $zOption $zData;
##★[66]ワードツリー
##
&&& $zType="WordTree"; ##★[WC]
; $zOption="{
; width:700, height:500,
; wordtree: {
; format: 'implicit',
; word: 'cats'
; }
; }";
; $zData="[ ['Phrases'],
; ['cats are better than dogs'],
; ['cats eat kibble'],
; ['cats are better than hamsters'],
; ['cats are awesome'],
; ['cats are people too'],
; ['cats eat mice'],
; ['cats meowing'],
; ['cats in the cradle'],
; ['cats eat mice'],
; ['cats in the cradle lyrics'],
; ['cats eat kibble'],
; ['cats for adoption'],
; ['cats are family'],
; ['cats eat mice'],
; ['cats are better than kittens'],
; ['cats are evil'],
; ['cats are weird'],
; ['cats eat mice'],
; ]"; ssGraf $zType $zOption $zData;
##★[67]ツリーマップ
##
&&& $zType="TreeMap"; ##★[WC]
; $zOption="{title:'[67]ツリーマップ', titleTextStyle:{color:'blue', fontSize:22},
; width:700, height:350,
; minColor:'#f00', midColor:'#ddd', maxColor:'#0d0', headerHeight:15,
; fontColor:'black', showScale:true,
; }";
; $zData="[
; ['Location', 'Parent', 'Market trade', ' inc/dec'],
; ['Global', null, 0, 0],
; ['America', 'Global', 0, 0],
; ['Europe', 'Global', 0, 0],
; ['Asia', 'Global', 0, 0],
; ['Australia', 'Global', 0, 0],
; ['Africa', 'Global', 0, 0],
; ['Brazil', 'America', 11, 10],
; ['USA', 'America', 52, 31],
; ['Mexico', 'America', 24, 12],
; ['Canada', 'America', 16, -23],
; ['France', 'Europe', 42, -11],
; ['Germany', 'Europe', 31, -2],
; ['Sweden', 'Europe', 22, -13],
; ['Italy', 'Europe', 17, 4],
; ['UK', 'Europe', 21, -5],
; ['China', 'Asia', 36, 4],
; ['Japan', 'Asia', 20, -12],
; ['India', 'Asia', 40, 63],
; ['Laos', 'Asia', 4, 34],
; ['Mongolia', 'Asia', 1, -5],
; ['Israel', 'Asia', 12, 24],
; ['Iran', 'Asia', 18, 13],
; ['Pakistan', 'Asia', 11, -52],
; ['Egypt', 'Africa', 21, 0],
; ['S. Africa', 'Africa', 30, 43],
; ['Sudan', 'Africa', 12, 2],
; ['Congo', 'Africa', 10, 12],
; ['Zaire', 'Africa', 8, 10]
; ]"; ssGraf $zType $zOption $zData;