DataGear 自定义数据可视化图表
DataGear 内置了很多常用的图表(折线图、柱状图、饼图、散点图、雷达图、地图等等),能满足大部分数据可视化需求,当内置图表无法满足时,则可以通过自定义图表或插件的方式,实现特定业务的数据可视化需求。 自定义图表实现起来简单方便,只需为看板内的图表类型为 自定义 的 <div> 图表元素添加 dg-chart-renderer 属性(图表渲染器),并实现其逻辑即可;自定义图表插件则稍复杂些,需要编写单独的插件包,并上传至系统,之后则可在整个系统内复用。 本文主要讲解自定义图标实现方式。 在开始自定义之前,需要了解的是,系统会为图表、看板展示页面自动引入Jquery(window.$)、ECharts(window.echarts)等JS库(具体参考官网文档 内置看板资源 章节),可以在自定义图表和插件中直接使用它们。 下面,以折线图为例,介绍如何通过自定义图表方式实现。 假设有如下各月份销售额数据集: 名称: 各月份销售额 数据: month sales 1月 11 2月 41 3月 9 4月 20 5月 15 6月 18 属性(预览后系统自动解析而得,展示名称由用户选填): 名称 类型 展示名称 month 字符串 月份 sales 数值 销售额 假设有关联上述数据集,图表类型为 自定义 的图表: 名称 :各月份销售额图表 图表类型 :自定义 数据集 :各月份销售额