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

DataGear 自定义数据可视化看板的图表主题

时间:2023-03-27 13:33:32 JavaScript

DataGear自定义数据可视化看板的dg-chart-theme属性提供了简单而强大的自定义图表主题功能。通常,你只需要设置它的color、backgroundColor、actualBackgroundColor值,看板就会根据它们自动生成标题、图例、提示框、高亮框等相关颜色。例如,在元素上定义全局图表颜色:对应的效果图如下:当看板有背景图时,通常希望图表的背景色是透明的。在这种情况下,actualBackgroundColor应设置为与背景图像相同的颜色,例如:也可以是单图<在div中添加dg-chart-theme属性>元素,只定义主题这个图表,例如:

对应效果图如下(第一张图):另外,设置dg-chart-theme的graphColors值,可以自定义图表系列项的颜色顺序,设置graphRangeColors值,可以定义图表值域映射颜色(地图区域颜色),例如:对应效果图如下:官网地址:http://www.datagear.tech源码地址:Gitee:https://gitee.com/datagear/datagearGithub:https://github.com/datageartech/datagear