共计 835 个字符,预计需要花费 3 分钟才能阅读完成。
redash 中文版中反对地图款式十分丰盛,包含各级二维地图和 3D 地图等多种地图款式,上面介绍常见的增加地图图表办法。
1.Redash 内置地图
内置地图能够间接抉择应用,能够批改色彩等参数,反对世界地图、动静抉择中国地理图,以及各省级地图、美国地图和日本地图等。
2. 自定义 json 地图
将蕴含地图数据的 json 文件上传到指定目录,就能够间接抉择应用,并且反对通过 url 参数 p_adcode 参数值模式动静抉择地图文件
3. 应用 echart 地图图表
世界地图,图例起源:https://www.makeapie.com/edit…
该地图未调用其余数据源,只需将代码复制到 redash 自定义代码界面,初始化实例结尾退出:var myChart = echarts.init(element);var option; 结尾加上:option && myChart.setOption(option); 保留即可生成如下世界地图图例。批改相干显示和配置项可参考 Echart 文档 https://echarts.apache.org/zh…
中国地图,图例起源:https://www.makeapie.com/edit…
含内部 json 数据源,须要获取数据并上传到可拜访的地址,在 EChart 中其调用数据办法 $.get 需批改为 d3.json(调用 svg 数据时则需将 $.get 批改为 d3.text)
同时将 $(function(){})办法改为 (function(){}()),其余操作和增加下面世界地图雷同。
除常见的立体地图外,Echart 蕴含许多 3D 地图等款式,在 Redash 中文版中也能反对并应用。
4.plotly.js 地图
Plotly.js 中也蕴含十分多地图款式,redash 中文版全面反对 Plotly.js,应用起来也十分不便。
参考示例:https://plotly.com/javascript…
只需复制代码到 redash 自定义代码视图中,批改容器名称 ”myDiv” 为 element 即可。