当前位置: 首页 > Web前端 > JavaScript

DataGear使用自定义条形图条目颜色制作数据可视化看板

时间:2023-03-27 17:36:47 JavaScript

DataGear看板。DataGear看板提供了dg-chart-options图表选项配置功能,可以自定义样式、位置、显示内容等图表选项。processUpdateOptions回调函数配置项,图表更新选项可以在图表更新数据之前以编程方式处理。本文以直方图为例,介绍如何使用processUpdateOptions配置项创建自定义直方图条目颜色的数据可视化仪表盘。首先定义CSV数据集:name,valuea,5b,18c,13d,9e,6然后定义图表:图表类型:基本直方图数据集:name->name(name)value->value(value)然后,新建一个看板,在可视化模式下插入上面的图表:然后切换到源码模式,插入自定义柱状图项颜色的JavaScript源码,如下:。..

...切换回可视化模式,最终效果如下:官方网址:http://www.datagear.tech源码地址:Gitee:https://gitee.com/datagear/datagearGithub:https:https://github.com/datageartech/datagear