Hugging Face's logo

Spaces:
changxin
/
highcharts
Running

App Files Community
1
highcharts
File size: 2,496 Bytes 
35cd8a1
 
 
 
5cc0d2d
35cd8a1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
<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="https://huggingface.co/spaces/changxin/highcharts/raw/main/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>