allColsAtATimeは、WebSocketサーバーから送り出すJSONデータが、 ccchart.initのチャートデータとして、加工なしでそのまますぐに利用できるデータパターンの場合用のコンバート関数。 thanx fujiichiさん。
下記のようなパターンのケースです
"data": [
["日時","00:00","","","","01:00",""],
["製品A","1","4","12","10","0","5"],
["製品B","35","62","56","42","70","60"]
]
このように.onメソッドの第二引数へ指定して使います
ccchart
.init('hoge2', chartdata)
.ws('ws://ccchart.com:8031')
.on('message', ccchart.wscase.allColsAtATime)
※参考:ccchartデフォルトのコンバート関数oneColAtATimeは下記のようなデータを受信処理します
[
["2013"],
[435],
[600]
]
<canvas id="hoge2"></canvas>
<script>
var chartdata = {
"config": {
"title": "allColsAtATime at v1.12.03",
"subTitle": "リアルタイム受信描画",
"type": "bar",
"maxY": 150,
"minY": 0,
"xLines": [
{"val":50,"color":"rgba(0,255,255, 0.6)","width":"1"}
],
"colorSet":
["#DDA0DD","#3CB000"]
},
"data": [
["日時"],
["製品A"],
["製品B"]
]
};
ccchart.wsCloseAll();//一旦クリア
ccchart
.init('hoge2', chartdata)
.ws('ws://ccchart.com:8031')
.on('message', ccchart.wscase.allColsAtATime)
</script>