Echarts3之全国地图和省市地图二合一整合,如何成为杰出的程序员

本文介绍如何使用Echarts3结合全国及省市地图数据,展示随机数值,并探讨成为优秀程序员的方法。文中通过示例代码展示了地图数据的处理和地图组件的配置,并提到了一线大厂Java面试知识点和后端开发的学习资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

},

series: [{

tooltip: {

trigger: ‘item’,

},

name: ‘iphone3’,

type: ‘map’,

mapType: ‘china’,

left: 10,

selectedMode: ‘single’,

label: {

normal: {

show: true,

textStyle: {

fontSize: 9,

}

},

emphasis: {

show: true,

textStyle: {

fontStyle: ‘oblique’,

fontSize: 9,

}

}

},

showLegendSymbol: false,

data: [{

name: ‘北京’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘天津’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘上海’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘重庆’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘河北’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘河南’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘云南’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘辽宁’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘黑龙江’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘湖南’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘安徽’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘山东’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘新疆’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘江苏’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘浙江’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘江西’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘湖北’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘广西’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘甘肃’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘山西’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘内蒙古’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘陕西’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘吉林’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘福建’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘贵州’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘广东’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘青海’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘西藏’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘四川’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘宁夏’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘海南’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘台湾’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘香港’,

selected: false,

value: Math.round(Math.random() * 1000)

}, {

name: ‘澳门’,

selected: false,

value: Math.round(Math.random() * 1000)

}]

}, ],

};

myChart.on(‘mapselectchanged’, function(param) {

var selected = param.selected;

var selectedProvince;

var name;

for(var i = 0, l = option.series[0].data.length; i < l; i++) {

name = option.series[0].data[i].name;

option.series[0].data[i].selected = selected[name];

if(selected[name]) {

selectedProvince = name;

}

}

if(typeof selectedProvince == ‘undefined’) {

option.series.splice(1);

myChart.setOption(opti

《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》

【docs.qq.com/doc/DSmxTbFJ1cmN1R2dB】 完整内容开源分享

on, true);

return;

}

option.series[1] = {

name: ‘随机数据’,

type: ‘map’,

mapType: selectedProvince,

showLegendSymbol: false,

label: {

normal: {

show: true,

textStyle: {

fontSize: 9,

}

},

emphasis: {

show: true,

textStyle: {

fontStyle: ‘oblique’,

fontSize: 9,

}

}

},

mapLocation: {

x: ‘35%’

},

roam: true,

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: ‘滨州市’,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值