扫一扫分享
Smoothie Charts is a really small charting library designed for live streaming data. I built it to reduce the headaches I was getting from watching charts jerkily updating every second.
<canvas id="chart" width="400" height="100"></canvas>
js
// Create a time series
var series = new TimeSeries();
// Find the canvas
var canvas = document.getElementById('chart');
// Create the chart
var chart = new SmoothieChart();
chart.addTimeSeries(series, { strokeStyle: 'rgba(0, 255, 0, 1)' });
chart.streamTo(canvas, 500);
//Then, add data to your time series and it will be displayed on the chart:
// Randomly add a data point every 500ms
setInterval(function() {
series.append(Date.now(), Math.random() * 10000);
}, 500);
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
手机预览