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

echarts地圖離線json

劉柏宏1年前9瀏覽0評論

Echarts是一個強大的繪圖庫,可以用來展示各種可視化圖表。其中地圖是Echarts非常實用的一個功能。除了可以在線使用Echarts地圖,還可以使用離線JSON地圖進行展示,適合于一些沒有網絡環境或需要對地圖數據進行自定義的情況。

//示例數據
var geoCoordMap = {
'北京': [116.46, 39.92],
'上海': [121.48, 31.22],
'天津': [117.2, 39.13],
'重慶': [106.54, 29.59],
'香港': [114.17, 22.28],
'澳門': [113.54, 22.19],
'臺灣': [121.3, 25.03],
};
var data = [
{ name: '北京', value: 95 },
{ name: '上海', value: 2 },
{ name: '天津', value: 3 },
{ name: '重慶', value: 3 },
{ name: '香港', value: 40 },
{ name: '澳門', value: 20 },
{ name: '臺灣', value: 35 },
];
option = {
tooltip: {
trigger: 'item',
formatter: '{b}'
},
geo: {
map: 'china',
},
series: [
{
type: 'effectScatter',
coordinateSystem: 'geo',
data: data.map(function (item) {
return {
name: item.name,
value: geoCoordMap[item.name].concat(item.value)
};
}),
symbolSize: function (val) {
return val[2] / 10;
},
label: {
normal: {
formatter: '{b}',
position: 'right',
show: false
},
emphasis: {
show: true
}
},
itemStyle: {
normal: {
color: '#ddb926'
}
}
}
]
};

以上代碼使用了一個簡單的中國地圖作為基礎地圖,并且配合了一些散點圖的數據進行展示。地圖中的data數組包含了不同城市的數據信息,例如北京的數值是95,上海的數值是2。這些數據可以根據實際需求進行自定義。

需要注意的是,使用離線JSON地圖需要先下載Echarts的離線項目,并且選擇需要的地圖文件進行使用。文件命名格式為“mapData-xxx”,其中xxx為具體地圖的名稱。

在代碼中使用可自行調整的參數包括地圖的可視化參數、散點圖大小等,可以根據具體情況進行調整。