Spaces:
Running
Running
Upload map1.html
Browse files
map1.html
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<html>
|
| 2 |
+
<head><style type="text/css">body {margin: 0;}#main {height: 100%;}</style></head>
|
| 3 |
+
<body><div id="main"></div>
|
| 4 |
+
<script src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.js"></script>
|
| 5 |
+
<script src=".//echarts-all.js"></script>
|
| 6 |
+
<script>var myChart = echarts.init(document.getElementById("main"));
|
| 7 |
+
var fx = {
|
| 8 |
+
backgroundColor: "#1b1b1b",
|
| 9 |
+
color: ["gold","aqua","lime"],
|
| 10 |
+
title : {text: "吹水",subtext:"吹牛逼我们是认真的",x:"center",textStyle : {color: "#fff"}},
|
| 11 |
+
tooltip : {trigger: "item",formatter: "{b}"},
|
| 12 |
+
toolbox: {show : true,orient : "vertical",x: "right",y: "center",feature : {mark : {show: true},dataView : {show: true, readOnly: false},restore : {show: true},saveAsImage : {show: true}}},
|
| 13 |
+
dataRange: {min : 0,show: false,max : 100,y: "60%",calculable : true,color: ["#ff3333", "orange", "yellow","lime","aqua"]},
|
| 14 |
+
|
| 15 |
+
series : [{
|
| 16 |
+
type:"map",itemStyle:{normal:{borderColor:"rgba(100,149,237,1)",borderWidth: 0.5,areaStyle:{color: "#1b1b1b"}}},data:[],geoCoord:{
|
| 17 |
+
"北京": [116.413554,39.911013],
|
| 18 |
+
"上海": [121.480237,31.236305],
|
| 19 |
+
"广州": [113.270793,23.135308],
|
| 20 |
+
"大连": [121.621391,38.919345],
|
| 21 |
+
"南宁": [108.373351,22.823037],
|
| 22 |
+
"南昌": [115.864528,28.687675],
|
| 23 |
+
"拉萨": [91.121025,29.650088],
|
| 24 |
+
"长春": [125.33017,43.82178],
|
| 25 |
+
"包头": [109.846755,40.663636],
|
| 26 |
+
"重庆": [106.557165,29.570997]},
|
| 27 |
+
|
| 28 |
+
markLine : {smooth:true,effect : {show: true,scaleSize: 1,period: 30,color: "#fff",shadowBlur:10},itemStyle:{color:"red",normal:{borderWidth:1,lineStyle:{type: "solid",shadowBlur: 10},label:{show:false}}},data:[
|
| 29 |
+
[{name:"北京"}, {name:"上海",value: 70}],
|
| 30 |
+
[{name:"北京"}, {name:"广州",value: 20}],
|
| 31 |
+
[{name:"北京"}, {name:"大连",value:100}],
|
| 32 |
+
[{name:"北京"}, {name:"南宁",value:100}],
|
| 33 |
+
[{name:"北京"}, {name:"南昌",value: 40}],
|
| 34 |
+
[{name:"北京"}, {name:"拉萨",value: 80}],
|
| 35 |
+
[{name:"北京"}, {name:"长春",value: 40}],
|
| 36 |
+
[{name:"北京"}, {name:"包头",value: 60}],
|
| 37 |
+
[{name:"北京"}, {name:"重庆",value: 70}]]},
|
| 38 |
+
|
| 39 |
+
markPoint:{symbol:"emptyCircle",symbolSize:function (v){return 9 + v/9},effect:{show: true,shadowBlur:0},itemStyle:{normal:{label:{show:true}}},data:[
|
| 40 |
+
{name:"上海",value: 70},
|
| 41 |
+
{name:"广州",value: 20},
|
| 42 |
+
{name:"大连",value:100},
|
| 43 |
+
{name:"南宁",value:100},
|
| 44 |
+
{name:"南昌",value: 40},
|
| 45 |
+
{name:"拉萨",value: 80},
|
| 46 |
+
{name:"长春",value: 40},
|
| 47 |
+
{name:"包头",value: 60},
|
| 48 |
+
{name:"重庆",value: 70}]}
|
| 49 |
+
}]
|
| 50 |
+
|
| 51 |
+
};
|
| 52 |
+
myChart.setOption(fx);</script></body>
|
| 53 |
+
</html>
|