.NET社区
echart折线图
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区我想实现的是实时显示（从0点到24点）采集数据的变化，每秒刷新一次。
遇到的问题是横坐标要显示时间（0到24点），但当前的时刻还不到24点（比如才到5点），后面的数据还没有采集上，数据库里没有数据。如果从数据库里读取数据源的话，横坐标只能显示到当前的5点。怎么样才可以实现横坐标固定显示24个小时，纵坐标显示实时数据的变化呢？
我以前用highcharts的时候，用的办法是数据库的DataTable结果集中插入当前时间到24点的数据并设置为0。但我觉得这种方法很不好。
不知道我有没有表达清楚。请问应该如何解决？
遇到的问题是横坐标要显示时间（0到24点），但当前的时刻还不到24点（比如才到5点），后面的数据还没有采集上，数据库里没有数据。如果从数据库里读取数据源的话，横坐标只能显示到当前的5点。怎么样才可以实现横坐标固定显示24个小时，纵坐标显示实时数据的变化呢？
我以前用highcharts的时候，用的办法是数据库的DataTable结果集中插入当前时间到24点的数据并设置为0。但我觉得这种方法很不好。
不知道我有没有表达清楚。请问应该如何解决？
...全文
相关推荐
eChart折线图动态特效[项目代码]
本文介绍了如何为eChart折线图添加动态特效和隔几秒高亮特效，以提升大屏可视化效果。主要内容包括两部分：一是实现折线图的滚动特效，通过TypeScript代码示例展示了如何动态生成线条数据并添加到图表中；二是实现隔几秒自动高亮数据点的特效，通过定时器控制高亮和数据提示的显示。文章还提供了如何在生成折线图前调用这些特效的示例代码，帮助开发者快速应用到实际项目中。
echart之折线图.md
echart之折线图
EChart风速风向折线图完整网页源码
wind-view.html 基于EChart 的风速风向折线图，保证下载直接可以用
Echart折线图：设置灵活标记点
Echart折线图：设置灵活标记点
vue组件封装echart折线图
直接定义vue数据和承载的DIV,即可实现复用。使用Vue组件封装Echart柱状图，直接引用组件js，并且在需要展示的地方，进行Vue数据传值，支持多坐标轴。本案例非Webpack打包，直接引用JS即可。适用于部分页面使用Vue功能，或者想尝试Vue功能的同学。该组件使用方法比较简单，也可以自行修改样式扩展功能，但是需要自行查看echart的api配置文档。
