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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
| <!DOCTYPE html>
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
| <head>
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
| <title></title>
| <meta charset="utf-8" />
| <script th:src="@{${pubzyWebRoot} + 'echarts/echarts.min-3.0.js'}" type="text/javascript"></script>
| </head>
| <body>
| <div id="div_BaoHu" style="width:300px; height:160px;"></div> <!--海岛保护-->
| </body>
| </html>
| <script type="text/javascript">
| //海岛保护
| var divBH = document.getElementById("div_BaoHu");
| var BaoHu = echarts.init(divBH);
| var BHoption = {
| color:["#e74c54","#e7df4c","#2f4554"],
| tooltip : {
| trigger: 'axis',
| },
| calculable : true,
| xAxis : [
| {
| type : 'category',
| axisLabel:{
| interval:0,//横轴信息全部显示
| rotate:45,
| },
| textStyle:{
| fontSize:9
| },
| data : ['辽宁省','天津市','河北省','山东省','江苏省','上海市','浙江省','福建省','广东省','广西区','海南省']
| }
| ],
| yAxis : [
| {
| type : 'value',
| splitNumber: 10,
| },
|
| ],
| grid:{
| y:10,
| y2:40
| },
| series : [
| {
| name:'2015',
| type:'bar',
| data:[21,0,1,33,8,2,22,42,24,6,21],
| },
| {
| name:'2016',
| type:'bar',
| data:[21,0,1,34,8,2,24,43,25,6,22],
| },
| {
| name:'增长值',
| type:'line',
| data:[0,0,0,1,0,0,2,1,1,0,1],
| }
| ]
| };
| BaoHu.setOption(BHoption);
|
| </script>
|
|
