echarts 科幻风格地图option代码
时间: 2023-07-10 17:35:38 浏览: 137
以下是一个简单的 echarts 科幻风格地图的 option 代码:
```javascript
option = {
title: {
text: '科幻风格地图',
subtext: '数据来自网络',
left: 'center',
textStyle: {
color: '#fff'
}
},
tooltip: {
trigger: 'item'
},
visualMap: {
min: 0,
max: 1000,
text:['High','Low'],
realtime: false,
calculable: true,
color: ['#f44336','#fc9700','#ffde00','#ffde00','#00eaff'],
textStyle: {
color: '#fff'
}
},
series: [
{
name: '数据名称',
type: 'map',
mapType: 'china',
roam: false,
label: {
normal: {
show: true
},
emphasis: {
show: true
}
},
data:[
{name: '北京', value: 100},
{name: '上海', value: 200},
{name: '广州', value: 300},
{name: '深圳', value: 400},
{name: '成都', value: 500},
{name: '重庆', value: 600},
{name: '杭州', value: 700},
{name: '南京', value: 800},
{name: '武汉', value: 900},
{name: '西安', value: 1000}
],
itemStyle: {
normal: {
borderWidth: .5,
borderColor: '#009fe8',
areaColor: '#fff'
},
emphasis: {
borderWidth: .5,
borderColor: '#4b0082',
areaColor: '#ffdead'
}
}
}
]
};
```
可以根据需要,调整 visualMap、series 等配置项,来实现自己想要的科幻风格地图效果。
阅读全文