DataGear|DataGear 制作全国和省级地图联动的数据可视化看板
DataGear看板的图表联动功能,使您可以轻松制作支持图表联动的全国地图、省级地图数据可视化看板。
首先,新建两个数据集。
第一个是各省指标数据集,将用于绘制全国指标图表,它的SQL语句如下所示:
SELECT
COL_NAME,
COL_VALUE
FROM
T_ANALYSIS_PROVINCE
它的数据示例如下:
COL_NAMECOL_VALUE
北京150
山东120
江苏60
...
第二个是指定省的各市指标数据集,将用于绘制省级指标图表,它是一个参数化数据集,其中,参数化SQL语句为:
SELECT
'${省份}' AS COL_MAP,
COL_NAME,
COL_VALUE
FROM
T_ANALYSIS_CITY
WHERE
COL_PROVINCE = '${省份}'
参数定义为:
参数名类型必填
省份字符串是
它的数据示例如下:
COL_NAMECOL_VALUECOL_PROVINCE
海淀区35北京
西城区80北京
济南市60山东
威海市20山东
盐城市10江苏
徐州市50江苏
...
然后,使用上述两个数据集分别建立全国指标图表、省级指标图表。
全国指标图表:
图表类型: 基本地图
数据集: 各省指标数据集
数据集列标记: COL_NAME 地区名称;COL_VALUE 指标数值
省级指标图表:
图表类型: 基本地图
数据集: 各市指标数据集
数据集列标记: COL_NAME 地区名称;COL_VALUE 指标数值;COL_MAP 地图名
然后,新建可视化看板,填写如下看板模板内容:
- 锐客网 .dg-chart{
display: inline-block;
}
点击[保存并展示]按钮,打开看板展示页面,完成!!!
效果图如下所示:
文章图片
官网地址:http://www.datagear.tech
【DataGear|DataGear 制作全国和省级地图联动的数据可视化看板】源码地址:
Gitee:https://gitee.com/datagear/datagear
Github:https://github.com/datageartech/datagear
推荐阅读
- 微信小程序|微信小程序学习之旅--零基础制作自己的小程序--第二个页面的制作
- 2022天梯赛-全国总决赛复盘赛
- html|html 爱心树,jQuery结合HTML5制作的爱心树表白动画
- DataGear|DataGear 制作自适应任意屏幕尺寸的数据可视化看板
- 微信小程序|微信小程序学习之旅--第一个页面的制作
- 麒麟系统开发笔记(制作安装麒麟系统的启动U盘物理机安装麒麟系统以及搭建Qt开发环境)
- C语言教程 - 制作单位转换器
- 全国超10亿用户!AntDB数据库的电信核心交易替换之路
- MDT8456部署Windows系列 : 技巧篇—制作MDT客户端目标OU下拉列表并自定义显示名
- 2021年高教社杯全国大学生数学建模竞赛题目 C题 思路方法