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

DataGear 看板的 dg-chart-theme 属性,提供了简单且强大的自定义图表主题功能。

通常,只需要设置其colorbackgroundColoractualBackgroundColor值即可,看板会根据它们自动生成标题、图例、提示框、高亮框等相关配色。

例如,在元素上定义全局图表配色:

对应的效果图如下:

DataGear 自定义数据可视化看板的图表主题_第1张图片

当看板有背景图片时,通常希望图表背景色是透明的,此时应设置actualBackgroundColor为与背景图片一致的颜色,例如:

也可以为单个图表

元素添加dg-chart-theme属性,仅定义此图表的主题,例如:

对应的效果图如下(第一个图表):

DataGear 自定义数据可视化看板的图表主题_第2张图片

另外,设置dg-chart-themegraphColors值,可以自定义图表系列条目颜色序列,设置graphRangeColors值,则可以定义图表值域映射颜色(地图区域颜色),例如:

对应的效果图如下:

DataGear 自定义数据可视化看板的图表主题_第3张图片

官网地址:http://www.datagear.tech

源码地址:

Gitee:https://gitee.com/datagear/datagear

Github:https://github.com/datageartech/datagear

你可能感兴趣的:(DataGear 自定义数据可视化看板的图表主题)