大数据系列 | 阿里云datav数据可视化（使用json文件生成可视化动态图标）

json

适用于现代 C++ 的 JSON。

项目地址：https://gitcode.com/gh_mirrors/js/json

免费下载资源

Tinywan

8299人浏览 · 2022-05-13 11:21:00

Tinywan · 2022-05-13 11:21:00 发布

简介

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

设置数据源

最后工作台展示要过

发布后，通过分享预览图

GitHub 加速计划 / js / json

下载

适用于现代 C++ 的 JSON。

最近提交(Master分支：3 个月前 )

f06604fc * :page_facing_up: bump the copyright years Signed-off-by: Niels Lohmann <mail@nlohmann.me> * :page_facing_up: bump the copyright years Signed-off-by: Niels Lohmann <mail@nlohmann.me> * :page_facing_up: bump the copyright years Signed-off-by: Niels Lohmann <niels.lohmann@gmail.com> --------- Signed-off-by: Niels Lohmann <mail@nlohmann.me> Signed-off-by: Niels Lohmann <niels.lohmann@gmail.com> 3 天前

d23291ba * add a ci step for Json_Diagnostic_Positions Signed-off-by: Harinath Nampally <harinath922@gmail.com> * Update ci.cmake to address review comments Signed-off-by: Harinath Nampally <harinath922@gmail.com> * address review comment Signed-off-by: Harinath Nampally <harinath922@gmail.com> * fix typo in the comment Signed-off-by: Harinath Nampally <harinath922@gmail.com> * fix typos in ci.cmake Signed-off-by: Harinath Nampally <harinath922@gmail.com> * invoke the new ci step from ubuntu.yml Signed-off-by: Harinath Nampally <harinath922@gmail.com> * issue4561 - use diagnostic positions for exceptions Signed-off-by: Harinath Nampally <harinath922@gmail.com> * fix ci_test_documentation check Signed-off-by: Harinath Nampally <harinath922@gmail.com> * address review comments Signed-off-by: Harinath Nampally <harinath922@gmail.com> * fix ci check failures for unit-diagnostic-postions.cpp Signed-off-by: Harinath Nampally <harinath922@gmail.com> * improvements based on review comments Signed-off-by: Harinath Nampally <harinath922@gmail.com> * fix const correctness string Signed-off-by: Harinath Nampally <harinath922@gmail.com> * further refinements based on reviews Signed-off-by: Harinath Nampally <harinath922@gmail.com> * add one more test case for full coverage Signed-off-by: Harinath Nampally <harinath922@gmail.com> * ci check fix - add const Signed-off-by: Harinath Nampally <harinath922@gmail.com> * add unit tests for json_diagnostic_postions only Signed-off-by: Harinath Nampally <harinath922@gmail.com> * fix ci_test_diagnostics Signed-off-by: Harinath Nampally <harinath922@gmail.com> * fix ci_test_build_documentation check Signed-off-by: Harinath Nampally <harinath922@gmail.com> --------- Signed-off-by: Harinath Nampally <harinath922@gmail.com> 3 天前