echarts 地图全国省市轮廓
时间: 2024-01-12 07:22:18 浏览: 84
echarts地图全国省市
3星 · 编辑精心推荐
以下是使用echarts绘制全国省市轮廓地图的示例代码:
```javascript
// 引入echarts库
import echarts from 'echarts';
// 初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));
// 地图数据
var mapData = [
{ name: '北京', value: 100 },
{ name: '天津', value: 50 },
{ name: '上海', value: 80 },
// 其他省市数据...
];
// 地图配置项
var option = {
tooltip: {
trigger: 'item',
formatter: '{b}'
},
visualMap: {
min: 0,
max: 100,
left: 'left',
top: 'bottom',
text: ['高', '低'], calculable: true
},
series: [
{
name: '地图',
type: 'map',
mapType: 'china',
roam: false, // 禁止地图移动
label: {
show: true
},
data: mapData
}
]
};
// 使用配置项绘制地图
myChart.setOption(option);
```
请注意,上述代码中的`mapData`是一个包含各个省市名称和对应数值的数组,你可以根据实际需求进行修改。另外,`roam: false`的设置可以禁止地图的移动,以达到你想要的效果。
阅读全文