资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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

这篇文章主要介绍DataGear如何自定义数据可视化看板的图表主题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联长期为近千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为玉山企业提供专业的网站建设、网站制作玉山网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

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

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

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

对应的效果图如下:

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

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

也可以为单个图表

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


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

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

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

对应的效果图如下:

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

以上是“DataGear如何自定义数据可视化看板的图表主题”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前名称:DataGear如何自定义数据可视化看板的图表主题
文章出自:http://cdkjz.cn/article/jgigig.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220