Redash可视化数据地图

redash中文版中支持地图样式非常丰富,包括各级二维地图和3D地图等多种地图样式,下面介绍常见的添加地图图表方法。
1.Redash内置地图
内置地图可以直接选择使用,可以修改颜色等参数,支持世界地图、动态选择中国地理图,以及各省级地图、美国地图和日本地图等。
Redash可视化数据地图_第1张图片
2.自定义json地图
将包含地图数据的json文件上传到指定目录,就可以直接选择使用,并且支持通过url参数p_adcode参数值形式动态选择地图文件
Redash可视化数据地图_第2张图片
3.使用echart地图图表
世界地图,图例来源:https://www.makeapie.com/edit...
Redash可视化数据地图_第3张图片
该地图未调用其他数据源,只需将代码复制到redash自定义代码界面,初始化实例开头加入:var myChart = echarts.init(element);var option; 结尾加上:option && myChart.setOption(option);保存即可生成如下世界地图图例。修改相关显示和配置项可参考Echart文档 https://echarts.apache.org/zh...

Redash可视化数据地图_第4张图片
中国地图,图例来源: https://www.makeapie.com/edit...
含外部json数据源,需要获取数据并上传到可访问的地址,在EChart中其调用数据方法$.get需修改为d3.json(调用svg数据时则需将$.get修改为d3.text)
同时将$(function(){ })方法改为(function(){ }()),其余操作和添加上面世界地图相同。
除常见的平面地图外,Echart包含许多3D地图等样式,在Redash中文版中也能支持并使用。
Redash可视化数据地图_第5张图片
4.plotly.js地图
Plotly.js中也包含非常多地图样式,redash中文版全面支持Plotly.js,使用起来也非常方便。
参考示例:https://plotly.com/javascript...
Redash可视化数据地图_第6张图片
只需复制代码到redash自定义代码视图中,修改容器名称"myDiv"为element即可。

你可能感兴趣的:(Redash可视化数据地图)