function setOption() {
option = {
//设置一个标题
title: {
text: '设备销量',
x: 'center',
textStyle: {
color: '#fff',
fontSize: "40"
}
},
//鼠标划过省份下弹框
tooltip: {
show: true,
triggerOn: 'click' //点击生效
},
geo: {
map: 'china', //必须写
roam: false, // 拖拽功能；自选关闭开启
zoom: 1.235, //地图缩放比例
center: [105, 36], //地图位置
//地图省份的样式；包括板块颜色和边框颜色
itemStyle: {
areaColor: '#f5f2f2',
borderColor: "#835f5f",
},
//省份字体样式；包括是否展示，字体大小和颜色
label: {
normal: {
show: true,
fontSize: "11.5",
color: "rgb(107,102,102)"
}
},
//鼠标划过的高亮设置；包括省份板块颜色和字体等
emphasis: {
itemStyle: {
areaColor: '#d0a3a3',
},
label: {
show: true,
color: "rgb(255,255,255)"
}
}
},
series: [
//我们的散点
{
name: '销量',
type: 'scatter',
coordinateSystem: 'geo', //坐标系统
data: [{
"name": "深圳",
"value": [114.271522, 22.753644],
"Sales": "2台",
"text": "机器人1"
},
{
"name": "南京",
"value": [118.46, 32.02],
"Sales": "2台",
"text": "机器人1"
},
{
"name": "重庆",
"value": [106.54, 29.59],
"Sales": "1台",
"text": "机器人1"
},
{
"name": "北京",
"value": [116.24, 39.55],
"Sales": "3台",
"text": "机器人1"
},
{
"name": "荆州",
"value": [113.41, 29.59],
"Sales": "2台",
"text": "机器人1"
}
],
//地图点的样式；颜色，大小
symbolSize: 12,
itemStyle: {
color: "#f13434",
shadowBlur: 2,
shadowColor: "#333"
},
},
]
};
myChart.setOption(option);
}
function loadScript(){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://localhost:8075/webroot/scripts/js/china.js";
document.body.appendChild(script);
script.onload = function(){
setTimeout(()=>setOption(),300);
}
}
loadScript();
1min目标场景问卷
立即参与
