文件名称:charts_realtime:演示在图表中显示数据的实时变化
文件大小:10KB
文件格式:ZIP
更新时间:2024-05-30 04:18:56
JavaScript
charts_realtime A demo shows the real-time changes of data in different types of charts. demo地址: 暂时设定 纵坐标为吞吐量,横坐标先认为是均匀的时间(1h) 两条曲线:一条为实际曲线,一条为预测曲线。 姑且认为:实际曲线上的6个点,算出预测曲线上的1个点 如果展示出起点,那么预测曲线的比实际曲线的起点晚6个点。 预测曲线终点比实际曲线终点快1个点 具体实现 基于charts.js 简单test demo:4个版本 -(折线 or 曲线) x (随着时间推移x轴长度减小 or 整个图平移) 基于mock.js模拟数据结构 处理时间轴的问题 处理初始化或者更新图表的问题 考虑显示数据较多的时候,曲线、点以及tooltips的样式问题 设计页面和版式,从输入的日期开始获取数据 处理aj
【文件预览】:
charts_realtime-master
----showCharts_realtime.js(3KB)
----test()
--------testCharts.js(8KB)
--------testAjax.html(431B)
--------testTimeAxes.html(999B)
--------testMock.html(950B)
--------testCharts.html(1KB)
--------testTimeAxes.js(2KB)
----index.html(2KB)
----showCharts_realtime.js.bak(4KB)
----README.md(1KB)