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>