Redash可视化数据地图

redash中文版中支持地图样式非常丰富,包括各级二维地图和3D地图等多种地图样式,下面介绍常见的添加地图图表方法。

1.Redash内置地图

内置地图可以直接选择使用,可以修改颜色等参数,支持世界地图、动态选择中国地理图,以及各省级地图、美国地图和日本地图等。

2.自定义json地图

将包含地图数据的json文件上传到指定目录,就可以直接选择使用,并且支持通过url参数p_adcode参数值形式动态选择地图文件


3.使用echart地图图表

世界地图,图例来源: makeapie.com/editor.htm

该地图未调用其他数据源,只需将代码复制到redash自定义代码界面,初始化实例开头加入:var myChart = echarts.init(element);var option; 结尾加上:option && myChart.setOption(option);保存即可生成如下世界地图图例。修改相关显示和配置项可参考Echart文档  echarts.apache.org/zh/o

中国地图,图例来源:  makeapie.com/editor.htm

含外部json数据源,需要获取数据并上传到可访问的地址,在EChart中其调用数据方法$.get需修改为d3.json(调用svg数据时则需将$.get修改为d3.text)

同时将$(function(){ })方法改为(function(){ }()),其余操作和添加上面世界地图相同。

除常见的平面地图外,Echart包含许多3D地图等样式,在Redash中文版中也能支持并使用。

4.plotly.js地图

Plotly.js中也包含非常多地图样式,redash中文版全面支持Plotly.js,使用起来也非常方便。

参考示例: plotly.com/javascript/m

只需复制代码到redash自定义代码视图中,修改容器名称"myDiv"为element即可。


请使用浏览器的分享功能分享到微信等