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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
| <!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_HYFZ" style="width:740px; height:420px;"></div> <!--海洋发展-->
| </body>
| </html>
| <script type="text/javascript">
| //海洋发展
| var divhyfz = document.getElementById("div_HYFZ");
| var hyfz = echarts.init(divhyfz);
| var HYFZoption = {
| tooltip: {
| trigger: "item",
| formatter: "{a} <br/>{b} : {c}"
| },
| legend: {
| x: 'center',
| data: ['中国海洋发展指数','经济发展子指数','社会民生子指数','环境生态子指数','科技创新子指数','综合管理子指数','公共服务子指数','国际事务与合作子指数']
| },
| xAxis: [
| {
| type: "category",
| data: [2010,2011,2012,2013,2014,2015,2016,2017,2018],
| boundaryGap: false
| }
| ],
| yAxis: [
| {
| type: "value",
| splitNumber: 10,
| min:100
| }
| ],
| toolbox: {
| orient:'vertical',
| y:'center',
| show: true,
| feature: {
| mark: {
| show: true
| },
| dataView: {
| show: true,
| readOnly: true
| },
| restore: {
| show: true
| },
| saveAsImage: {
| show: true
| }
| }
| },
| calculable: true,
| series: [
| {
| name: "中国海洋发展指数",
| type: "line",
| data: [100,108.3,113.2,118.9,124,128.9,134.2]
| },
| {
| name: "经济发展子指数",
| type: "line",
| data: [100,112.6,120.6,129.5,137.9,145.8,153.2]
| },
| {
| name: "社会民生子指数",
| type: "line",
| data: [100,111.5,117.7,128.7,135.8,143,149.7]
| },
| {
| name: "环境生态子指数",
| type: "line",
| data: [100,103.8,106.1,108.4,107.7,108.5,112.1]
| },
| {
| name: "科技创新子指数",
| type: "line",
| data: [100,104.9,111.9,115.3,123.4,128.4,130.1]
| },
| {
| name: "综合管理子指数",
| type: "line",
| data: [100,106.4,107.4,111.4,116.7,122.5,131.4]
| },
| {
| name: "公共服务子指数",
| type: "line",
| data: [100,105.2,108.1,110.2,112,112.7,114.1]
| },
| {
| name: "国际事务与合作子指数",
| type: "line",
| data: [100,110.9,114.5,116.9,118.4,121,125.1]
| }
| ]
| };
| hyfz.setOption(HYFZoption);
| </script>
|
|
