标签：11 01 05 viewer 09 timer json 可视化 datav

简介

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"
    }
]

图形选择

数据源配置

 注意：这里的x、y需要映射成自己json数据的timer、viewer

设置数据源

最后工作台展示要过

发布后，通过分享预览图

标签：11,01,05,viewer,09,timer,json,可视化,datav
来源： https://www.cnblogs.com/tinywan/p/16265967.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。