![](/style/images/good.png)
![](/style/images/bad.png)
大数据系列 | 阿里云datav数据可视化(使用json文件生成可视化动态图标) - Tinywan
source link: https://www.cnblogs.com/tinywan/p/16265967.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
大数据系列 | 阿里云datav数据可视化(使用json文件生成可视化动态图标)
简介
DataV 数据可视化是搭建每年天猫双十一作战大屏的幕后功臣,ECharts 是广受数据可视化从业者推崇的开源图表库。从今天开始,DataV 企业版接入了 ECharts 图表组件,当你使用 DataV 搭建可视化项目时,可以轻松地插入 ECharts,这意味着更丰富多样的图表效果,也让编程小白们可以通过图形界面而非代码配置 ECharts。
DataV 首批接入的 ECharts 图表总共有15种。囊括了关系、柱形、热力图、仪表盘等各种常用图形。
官方地址:https://help.aliyun.com/document_detail/141443.html
配置
直接按照这个教程:https://help.aliyun.com/document_detail/86926.html
json数据(直播观看在线人数统计)
[ { "timer": "2022-05-11 09:01:01", "viewer": "89" }, { "timer": "2022-05-11 09:02:01", "viewer": "98" }, { "timer": "2022-05-11 09:03:01", "viewer": "101" }, { "timer": "2022-05-11 09:04:01", "viewer": "103" }, { "timer": "2022-05-11 09:05:01", "viewer": "106" }, { "timer": "2022-05-11 09:06:01", "viewer": "107" }, { "timer": "2022-05-11 09:07:01", "viewer": "110" }, { "timer": "2022-05-11 09:08:01", "viewer": "112" }, { "timer": "2022-05-11 09:09:01", "viewer": "114" }, { "timer": "2022-05-11 09:10:01", "viewer": "114" }, { "timer": "2022-05-11 09:11:01", "viewer": "114" }, { "timer": "2022-05-11 09:12:01", "viewer": "115" }, { "timer": "2022-05-11 09:13:01", "viewer": "115" }, { "timer": "2022-05-11 09:14:01", "viewer": "115" }, { "timer": "2022-05-11 09:15:01", "viewer": "115" }, { "timer": "2022-05-11 09:16:01", "viewer": "114" }, { "timer": "2022-05-11 09:17:01", "viewer": "115" }, { "timer": "2022-05-11 09:18:01", "viewer": "114" }, { "timer": "2022-05-11 09:19:01", "viewer": "114" }, { "timer": "2022-05-11 09:20:01", "viewer": "114" }, { "timer": "2022-05-11 09:21:01", "viewer": "114" }, { "timer": "2022-05-11 09:22:01", "viewer": "113" }, { "timer": "2022-05-11 09:23:01", "viewer": "115" }, { "timer": "2022-05-11 09:24:01", "viewer": "115" }, { "timer": "2022-05-11 09:25:01", "viewer": "116" }, { "timer": "2022-05-11 09:26:01", "viewer": "116" }, { "timer": "2022-05-11 09:27:01", "viewer": "116" }, { "timer": "2022-05-11 09:28:01", "viewer": "116" }, { "timer": "2022-05-11 09:29:01", "viewer": "116" }, { "timer": "2022-05-11 09:30:01", "viewer": "117" }, { "timer": "2022-05-11 09:31:01", "viewer": "116" }, { "timer": "2022-05-11 09:32:01", "viewer": "114" }, { "timer": "2022-05-11 09:33:01", "viewer": "116" }, { "timer": "2022-05-11 09:34:01", "viewer": "116" }, { "timer": "2022-05-11 12:04:01", "viewer": "107" } ]
![1021265-20220513111614438-10060634.png](https://img2022.cnblogs.com/blog/1021265/202205/1021265-20220513111614438-10060634.png)
数据源配置
![1021265-20220513111657571-270288092.png](https://img2022.cnblogs.com/blog/1021265/202205/1021265-20220513111657571-270288092.png)
注意:这里的x、y需要映射成自己json数据的timer、viewer
设置数据源
![1021265-20220513111846734-2059196828.png](https://img2022.cnblogs.com/blog/1021265/202205/1021265-20220513111846734-2059196828.png)
最后工作台展示要过
![1021265-20220513111945774-1492736190.png](https://img2022.cnblogs.com/blog/1021265/202205/1021265-20220513111945774-1492736190.png)
发布后,通过分享预览图
![1021265-20220513111519698-1202369861.png](https://img2022.cnblogs.com/blog/1021265/202205/1021265-20220513111519698-1202369861.png)
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK