echarts导入数据生成曲线，可以拖拽缩放，用于简易数据曲线

hyghyg1234 · 发表于 2019-6-25 20:06:33

本帖最后由 hyghyg1234 于 2019-6-25 20:06 编辑

我之前发了帖子有没有可以把数据导入生成曲线，并且可以缩放分析的软件，aammoo提示echarts，正好我有接触html+js，于是就试了下。现在将简易方法贴出来供大家参考。

简单介绍下echarts：
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
https://echarts.baidu.com/echarts2/doc/example.html,这个链接有一些echarts效果图，用html的好处是不需要编译器，一个记事本就足以，不过我还是推荐一个编辑工具HBuilder X。
图片：echarts元素

http://www.dcloud.io/这个是HBuilder官网，有个绿色版本可以下载。

放两张我测试的图：
这是我示波器采集的数据，导入到echarts后的效果，可以缩放并且鼠标放到曲线上会有数值显示。

Hbuilder编辑界面，红色方框是横坐标数据，蓝色方框内是3个纵坐标数据，根据自己的需要修改数据保存就可以在浏览器预览了。

源码奉上

eeant.net · 发表于 2019-6-25 20:56:16

感谢分享，多谢

bad_fpga · 发表于 2019-6-25 20:58:10

感谢分享ECHART

wajlh · 发表于 2019-6-25 21:05:54

这只能导入么？可以实时传入数据么？

蛋定 · 发表于 2019-6-25 21:13:28

谢谢分享

hyghyg1234 · 发表于 2019-6-26 08:08:00

wajlh 发表于 2019-6-25 21:05
这只能导入么？可以实时传入数据么？

可以实时传入，不过需要用java或者php写后台程序了。

huangqi412 · 发表于 2019-6-26 08:20:43

这个玩意记得应该是百度的

hyghyg1234 · 发表于 2019-6-26 08:39:07

huangqi412 发表于 2019-6-26 08:20
这个玩意记得应该是百度的

百度难得的好东西。

关于以后 · 发表于 2019-6-26 09:45:31

这个库确实不错。

echarts导入数据生成曲线，可以拖拽缩放，用于简易数据曲线

本帖子中包含更多资源

阿莫论坛20周年了！感谢大家的支持与爱护！！