前提・実現したいこと
https://qiita.com/ryomaDsakamoto/items/e61e1501683eeddf4338
このサイトをみながらリアルタイムchart.jsを作りたいのですが、グラフに値がプットされません。
自信がないのが
chart.data.datasets[0]
この部分なのですが、書き方は合っていますか。
コメントお願いします。
該当のソースコード
var ctx = document.getElementById('myLineChart3').getContext('2d'); var chart = new Chart(ctx, { type: 'line', data: { datasets: [{ label: 'LPG', data: [], borderColor: 'rgb(255, 99, 132)', backgroundColor: 'rgba(255, 99, 132, 0.5)', }, { label: 'CO', data: [], borderColor: 'rgb(54, 162, 235)', backgroundColor: 'rgba(54, 162, 235, 0.5)' }, { label: 'SMOKE', data: [] }] }, options: { scales: { xAxes: [{ type: 'realtime', realtime: { onRefresh: async function (chart) { chart.data.datasets[0].forEach(function (dataset) { dataset.data.push({ x: Date.now(), y: 0 }); }); chart.data.datasets[1].forEach(function (dataset) { dataset.data.push({ x: Date.now(), y: 1 }); }); chart.data.datasets[2].forEach(function (dataset) { dataset.data.push({ x: Date.now(), y: 2 }); }); }, delay: 2000 } }] } } });
あなたの回答
tips
プレビュー