欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

echart 地圖json格式化

方一強1年前9瀏覽0評論

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設置地圖的顯示樣式和數據。