快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何使用DataGear制作折柱图数据可视化图表

这篇文章将为大家详细讲解有关如何使用DataGear制作折柱图数据可视化图表,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司是一家专业提供扬州企业网站建设,专注与成都网站制作、成都网站建设、H5高端网站建设、小程序制作等业务。10年已为扬州众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

利用 DataGear 看板的 自定义图表选项(dg-chart-options)功能,可以很方便地制作折柱图(或者折线-饼图、柱状-饼图)数据可视化图表。

假设有如下CSV数据集,包括名称和两个指标值数据:

名称, 指标0, 指标1
1月,  35,     118
2月,  50,     60
3月,  60,     40
4月,  80,     90

首先,新建柱状图表:

名称:折柱图
图表类型:基本柱状图
数据集:上述数据集
数据标记:
  名称  -> 名称 (name)
  指标0 -> 数值 (value)
  指标1 -> 数值 (value)

然后,新建看板,插入上述图表,并设置 dg-chart-options,将第一个系列类型设置为柱状图(bar),第二个系列类型设置为折线图(line):



...

...
...

同理,折线-饼图的配置项为:



...

...
...

柱状-饼图配置项为:



...

...
...

点击[保存并展示]按钮,打开看板展示页面,完成!!!

效果图如下所示:

如何使用DataGear制作折柱图数据可视化图表

如何使用DataGear制作折柱图数据可视化图表

如何使用DataGear制作折柱图数据可视化图表

关于“如何使用DataGear制作折柱图数据可视化图表”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网页标题:如何使用DataGear制作折柱图数据可视化图表
网页路径:http://6mz.cn/article/jsjiop.html

其他资讯