echart是一種強大的數據可視化工具,其中地圖是其非常好的特性之一。在echart中,可以使用JSON格式化來呈現地圖數據。通過JSON格式化,將地圖數據變成一個穩定的結構,從而提供給echart進行渲染以顯示地圖。
var geoCoordMap = { "北京市":[116.46,39.92], "天津市":[117.2,39.13], "上海市":[121.48,31.22], ... }; var convertData = function (data) { var res = []; for (var i = 0; i< data.length; i++) { var geoCoord = geoCoordMap[data[i].name]; if (geoCoord) { res.push({ name: data[i].name, value: geoCoord.concat(data[i].value) }); } } return res; }; var option = { ... series: [ { name: "測試數據", type: "map", map: "china", label: { show: true }, itemStyle: { normal: { borderWidth: 0.5, borderColor: "#009fe8", areaColor: "#ffefd5" }, emphasis: { borderWidth: 0.5, borderColor: "#4b0082", areaColor: "#ff1493" } }, data: convertData([ {name: "北京市", value: 18}, {name: "天津市", value: 1}, {name: "上海市", value: 21}, ... ]) } ] };
在上述代碼中,我們可以看到幾個重要的JSON格式化。首先是geoCoordMap
,其中定義了各省市的經緯度坐標。接下來是convertData
,它將數據轉換為echart可識別的形式。最后是option
,它定義了echart的所有配置項。在option
中,我們可以使用series
設置地圖的顯示樣式和數據。
上一篇python 類與模塊
下一篇python 漢字區位碼