highcharts / map1.html
changxin's picture
Upload map1.html
35cd8a1
raw
history blame
2.44 kB
<html>
<head><style type="text/css">body {margin: 0;}#main {height: 100%;}</style></head>
<body><div id="main"></div>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.js"></script>
<script src=".//echarts-all.js"></script>
<script>var myChart = echarts.init(document.getElementById("main"));
var fx = {
backgroundColor: "#1b1b1b",
color: ["gold","aqua","lime"],
title : {text: "吹水",subtext:"吹牛逼我们是认真的",x:"center",textStyle : {color: "#fff"}},
tooltip : {trigger: "item",formatter: "{b}"},
toolbox: {show : true,orient : "vertical",x: "right",y: "center",feature : {mark : {show: true},dataView : {show: true, readOnly: false},restore : {show: true},saveAsImage : {show: true}}},
dataRange: {min : 0,show: false,max : 100,y: "60%",calculable : true,color: ["#ff3333", "orange", "yellow","lime","aqua"]},
series : [{
type:"map",itemStyle:{normal:{borderColor:"rgba(100,149,237,1)",borderWidth: 0.5,areaStyle:{color: "#1b1b1b"}}},data:[],geoCoord:{
"北京": [116.413554,39.911013],
"上海": [121.480237,31.236305],
"广州": [113.270793,23.135308],
"大连": [121.621391,38.919345],
"南宁": [108.373351,22.823037],
"南昌": [115.864528,28.687675],
"拉萨": [91.121025,29.650088],
"长春": [125.33017,43.82178],
"包头": [109.846755,40.663636],
"重庆": [106.557165,29.570997]},
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:[
[{name:"北京"}, {name:"上海",value: 70}],
[{name:"北京"}, {name:"广州",value: 20}],
[{name:"北京"}, {name:"大连",value:100}],
[{name:"北京"}, {name:"南宁",value:100}],
[{name:"北京"}, {name:"南昌",value: 40}],
[{name:"北京"}, {name:"拉萨",value: 80}],
[{name:"北京"}, {name:"长春",value: 40}],
[{name:"北京"}, {name:"包头",value: 60}],
[{name:"北京"}, {name:"重庆",value: 70}]]},
markPoint:{symbol:"emptyCircle",symbolSize:function (v){return 9 + v/9},effect:{show: true,shadowBlur:0},itemStyle:{normal:{label:{show:true}}},data:[
{name:"上海",value: 70},
{name:"广州",value: 20},
{name:"大连",value:100},
{name:"南宁",value:100},
{name:"南昌",value: 40},
{name:"拉萨",value: 80},
{name:"长春",value: 40},
{name:"包头",value: 60},
{name:"重庆",value: 70}]}
}]
};
myChart.setOption(fx);</script></body>
</html>