编写echarts福建地图的js文件
时间: 2024-02-02 10:36:40 浏览: 55
以下是一个简单的 echarts 福建地图的示例:
```javascript
// 引入echarts库
import echarts from 'echarts';
// 初始化echarts实例
const chart = echarts.init(document.getElementById('map'));
// 配置地图数据
const option = {
title: {
text: '福建省地图',
left: 'center',
},
tooltip: {
trigger: 'item',
},
series: [{
name: '福建省地图',
type: 'map',
mapType: '福建',
roam: false,
label: {
show: true,
},
itemStyle: {
normal: {
borderColor: '#fff',
borderWidth: 1,
areaColor: '#eee',
},
emphasis: {
areaColor: '#aaa',
borderWidth: 0,
},
},
data: [{
name: '福州市',
value: Math.round(Math.random() * 1000),
}, {
name: '厦门市',
value: Math.round(Math.random() * 1000),
}, {
name: '泉州市',
value: Math.round(Math.random() * 1000),
}, {
name: '漳州市',
value: Math.round(Math.random() * 1000),
}, {
name: '南平市',
value: Math.round(Math.random() * 1000),
}, {
name: '三明市',
value: Math.round(Math.random() * 1000),
}, {
name: '龙岩市',
value: Math.round(Math.random() * 1000),
}, {
name: '宁德市',
value: Math.round(Math.random() * 1000),
}],
}],
};
// 使用刚指定的配置项和数据显示图表
chart.setOption(option);
```
这段代码会在指定的 DOM 元素(id为'map')中显示一个福建省的地图,并且随机生成各个市的数据,你可以根据自己的需求修改option中的数据。
阅读全文