DataGear 数据可视化看板内置了一些基本、简单的页面交互组件，当它们无法满足实际看板需求时，可以引入更流行和强大的前端框架。
本文以Vue2、Element UI前端框架为例，介绍如何制作具有更丰富交互组件功能的数据可视化看板。
假设有数据库表，数据结构为：
首先，制作SQL数据集，用于列出表中所有地区名：
制作SQL数据集，这是一个参数化数据集，可以查询表中指定地区、日期范围的数据：
参数：
然后，制作图表：
图表是自定义图表，用于为后面制作看板的地区下拉列表提供数据，不绘制为具体图表：
图表以柱状图的形式展示上述数据集的数据：
图表以表格的形式展示上述数据集的数据：
然后，新建空白看板，填写名称后，先保存。
在编写看板页面之前，需要先下载Vue2、Element UI库，加入看板资源中。
Vue2下载地址：
https://unpkg.com/vue@2.7.14/dist/vue.min.js
Element UI下载地址：
https://unpkg.com/element-ui@2.15.12/lib/theme-chalk/index.css
https://unpkg.com/element-ui@2.15.12/lib/index.js
https://unpkg.com/element-ui@2.15.12/lib/theme-chalk/fonts/element-icons.woff
加入后的看板资源如下所示：
加入看板资源后，编写内容如下：
保存，看板制作完成！
效果图如下所示：
官网地址：
http://www.datagear.tech
源码地址：
Gitee：https://gitee.com/datagear/datagear