鏈接：https://pan.baidu.com/s/1v-HEpZMiiA4SoWH5fsyUfA
提取碼：05n7
百度網盤
<body style="background: url(img/background.png) no-repeat;padding: 0;margin: 0;">
<div id="main" style="width: 100%;"></div>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<div id="main" style="width: 100%;"></div>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/china.js"></script>
//js
document.getElementById("main").style.height = window.innerHeight + 'px';
var myChart = echarts.init(document.getElementById('main'));
var optionMap = {
title: {
text: "銷量分省統計表",
x: "center",
textStyle: {
color: "#fff"
}
},
tooltip: {
trigger: "item",
textStyle: {
color: "#fff"
}
},
dataRange: {
min: 0,
max: 1000,
x: "left",
y: "bottom",
text: ["高", "低"],
calculable: !0,
inRange: {
color: ['lightskyblue', 'yellow', 'red']
},
textStyle: {
color: "#fff"
}
},
roamController: {
show: !0,
x: "right",
mapTypeControl: {
china: !0
}
},
roam: true,
series: [{
"name": "暫無數據",
"type": "map",
"mapType": "china",
"zoom": 1.2, //地圖默認縮放比例
"itemStyle": {
"normal": {
"label": {
"show": true
}
},
"emphasis": {
"label": {
"show": true
}
}
},
"data": [{
"name": "廣東省",
"value": 0
}]
}]
};
myChart.setOption(optionMap);
var myChart = echarts.init(document.getElementById('main'));
var optionMap = {
title: {
text: "銷量分省統計表",
x: "center",
textStyle: {
color: "#fff"
}
},
tooltip: {
trigger: "item",
textStyle: {
color: "#fff"
}
},
dataRange: {
min: 0,
max: 1000,
x: "left",
y: "bottom",
text: ["高", "低"],
calculable: !0,
inRange: {
color: ['lightskyblue', 'yellow', 'red']
},
textStyle: {
color: "#fff"
}
},
roamController: {
show: !0,
x: "right",
mapTypeControl: {
china: !0
}
},
roam: true,
series: [{
"name": "暫無數據",
"type": "map",
"mapType": "china",
"zoom": 1.2, //地圖默認縮放比例
"itemStyle": {
"normal": {
"label": {
"show": true
}
},
"emphasis": {
"label": {
"show": true
}
}
},
"data": [{
"name": "廣東省",
"value": 0
}]
}]
};
myChart.setOption(optionMap);
