Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
B
Buu
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
zhangshuo
Buu
Commits
5d49c19a
Commit
5d49c19a
authored
May 23, 2022
by
zhangshuo
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
init
parent
afb30f9e
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
6 additions
and
4369 deletions
+6
-4369
.idea/vcs.xml
.idea/vcs.xml
+6
-0
0509-0515结果.html
0509-0515结果.html
+0
-2357
0516-0522结果.html
0516-0522结果.html
+0
-2012
No files found.
.idea/vcs.xml
0 → 100644
View file @
5d49c19a
<?xml version="1.0" encoding="UTF-8"?>
<project
version=
"4"
>
<component
name=
"VcsDirectoryMappings"
>
<mapping
directory=
"$PROJECT_DIR$"
vcs=
"Git"
/>
</component>
</project>
\ No newline at end of file
0509-0515结果.html
deleted
100644 → 0
View file @
afb30f9e
<!DOCTYPE html>
<html>
<head>
<meta
charset=
"UTF-8"
>
<title>
Awesome-pyecharts
</title>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/echarts.min.js"
></script>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/jquery-ui.min.js"
></script>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/ResizeSensor.js"
></script>
<link
rel=
"stylesheet"
href=
"https://assets.pyecharts.org/assets/jquery-ui.css"
>
</head>
<body>
<style>
.box
{
}
;
</style>
<button
onclick=
"downloadCfg()"
>
Save Config
</button>
<div
class=
"box"
>
<div
id=
"05a5b7bd0c384c67856c60a08cf01e95"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_05a5b7bd0c384c67856c60a08cf01e95
=
echarts
.
init
(
document
.
getElementById
(
'
05a5b7bd0c384c67856c60a08cf01e95
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_05a5b7bd0c384c67856c60a08cf01e95
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
pie
"
,
"
clockwise
"
:
true
,
"
data
"
:
[
{
"
name
"
:
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
220
},
{
"
name
"
:
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
185
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u53e4
\
u94b1
\
u5e01
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
7
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
83
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
20
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7f8a
\
u8102
\
u7389
\
u74f7
\
u54c1
\
u8317
\
u676f
\
u4e00
\
u5bf9
"
,
"
value
"
:
1
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u7528
\
u6237
\
u5c0a
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
2
},
{
"
name
"
:
"
\
u5176
\
u4ed6
"
,
"
value
"
:
2833
}
],
"
radius
"
:
[
"
0%
"
,
"
75%
"
],
"
center
"
:
[
"
50%
"
,
"
50%
"
],
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
,
"
formatter
"
:
"
{b}: {c}({d}%)
"
},
"
rippleEffect
"
:
{
"
show
"
:
true
,
"
brushType
"
:
"
stroke
"
,
"
scale
"
:
2.5
,
"
period
"
:
4
}
}
],
"
legend
"
:
[
{
"
data
"
:
[
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u53e4
\
u94b1
\
u5e01
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7f8a
\
u8102
\
u7389
\
u74f7
\
u54c1
\
u8317
\
u676f
\
u4e00
\
u5bf9
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u7528
\
u6237
\
u5c0a
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u5176
\
u4ed6
"
],
"
selected
"
:
{},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
title
"
:
[
{
"
text
"
:
"
0
\
u5143
\
u8d2d
\
u5360
\
u6bd4
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_05a5b7bd0c384c67856c60a08cf01e95
.
setOption
(
option_05a5b7bd0c384c67856c60a08cf01e95
);
</script>
<br/>
<div
id=
"511110629d23424b993de0eff4860958"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_511110629d23424b993de0eff4860958
=
echarts
.
init
(
document
.
getElementById
(
'
511110629d23424b993de0eff4860958
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_511110629d23424b993de0eff4860958
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
123
],
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u56fd
\
u753b
"
,
34
],
[
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
13
],
[
"
\
u5176
\
u5b83-
\
u8f7b
\
u5962
\
u624b
\
u8868
"
,
2
],
[
"
\
u5de5
\
u827a
\
u4f5c
\
u54c1-
\
u5176
\
u4ed6
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5176
\
u4ed6
"
,
3
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u559c
\
u9a6c
\
u62c9
\
u96c5
"
,
3
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3/
\
u77f3
\
u96d5
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3|
\
u6446
\
u4ef6
"
,
20
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
32
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5de5
\
u827a
\
u5200
\
u5251
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
6
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6838
\
u96d5
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u70df
\
u5177
"
,
233
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u76ae
\
u5177
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
28
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u8f7b
\
u5962
"
,
59
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
69
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
12
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5176
\
u4ed6
"
,
5
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
8
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
28
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6728
\
u96d5
"
,
20
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6838
\
u96d5
"
,
85
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6c89
\
u9999
"
,
17
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6d77
\
u9ec4
"
,
109
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
20
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u964d
\
u771f
\
u9999
"
,
3
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
47
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
4
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6728
\
u96d5/
\
u6839
\
u96d5
"
,
2
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6c89
\
u9999
"
,
3
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
63
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5357
\
u7ea2
"
,
13
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
512
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
84
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u6c34
\
u6676
"
,
25
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459|
\
u7389
\
u9ad3
"
,
24
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
88
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0
"
,
26
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
9
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7425
\
u73c0
\
u871c
\
u8721
"
,
76
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
139
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
208
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u91cd
\
u5962
"
,
2
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
11
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
"
,
5
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
35
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
22
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u5176
\
u4ed6
\
u6742
\
u9879
"
,
48
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u53e4
\
u74f7
\
u5668
"
,
39
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u6d77
\
u5916
\
u74f7
"
,
3
],
[
"
\
u82b1
\
u9e1f
\
u6587
\
u5a31-
\
u6e14
\
u5177
"
,
2
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
29
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u4ed6
\
u8336
\
u53f6
"
,
5
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u53e3
\
u7cae
\
u9152
"
,
171
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5ca9
\
u8336
"
,
28
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
43
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6b66
\
u5937
\
u5ca9
\
u8336
"
,
5
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6d0b
\
u9152
"
,
3
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6ecb
\
u8865
\
u517b
\
u751f
"
,
2
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
15
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u8001
\
u9152
"
,
2
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8336
\
u9053
\
u5668
\
u5177
"
,
20
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8461
\
u8404
\
u9152
"
,
12
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
32
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u5176
\
u5b83
\
u94b1
\
u5e01
"
,
2
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u7eb8
\
u949e
"
,
4
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u90ae
\
u7968
"
,
5
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
,
6
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u56fd
\
u753b
"
,
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
"
\
u5176
\
u5b83-
\
u8f7b
\
u5962
\
u624b
\
u8868
"
,
"
\
u5de5
\
u827a
\
u4f5c
\
u54c1-
\
u5176
\
u4ed6
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5176
\
u4ed6
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u559c
\
u9a6c
\
u62c9
\
u96c5
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3/
\
u77f3
\
u96d5
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3|
\
u6446
\
u4ef6
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5de5
\
u827a
\
u5200
\
u5251
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6838
\
u96d5
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u70df
\
u5177
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u76ae
\
u5177
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u8f7b
\
u5962
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5176
\
u4ed6
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6728
\
u96d5
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6838
\
u96d5
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6c89
\
u9999
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6d77
\
u9ec4
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u964d
\
u771f
\
u9999
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6728
\
u96d5/
\
u6839
\
u96d5
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6c89
\
u9999
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5357
\
u7ea2
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u6c34
\
u6676
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459|
\
u7389
\
u9ad3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7425
\
u73c0
\
u871c
\
u8721
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u91cd
\
u5962
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u5176
\
u4ed6
\
u6742
\
u9879
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u53e4
\
u74f7
\
u5668
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u6d77
\
u5916
\
u74f7
"
,
"
\
u82b1
\
u9e1f
\
u6587
\
u5a31-
\
u6e14
\
u5177
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u4ed6
\
u8336
\
u53f6
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u53e3
\
u7cae
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5ca9
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6b66
\
u5937
\
u5ca9
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6d0b
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6ecb
\
u8865
\
u517b
\
u751f
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u8001
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8336
\
u9053
\
u5668
\
u5177
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8461
\
u8404
\
u9152
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u5176
\
u5b83
\
u94b1
\
u5e01
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u7eb8
\
u949e
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u90ae
\
u7968
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u7c7b
\
u76ee(
\
u975e0
\
u5143
\
u8d2d
\
uff09
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_511110629d23424b993de0eff4860958
.
setOption
(
option_511110629d23424b993de0eff4860958
);
</script>
<br/>
<div
id=
"83edd1a62a99451cb72ed628f749b9d1"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_83edd1a62a99451cb72ed628f749b9d1
=
echarts
.
init
(
document
.
getElementById
(
'
83edd1a62a99451cb72ed628f749b9d1
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_83edd1a62a99451cb72ed628f749b9d1
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
0-9
"
,
2232
],
[
"
10-19
"
,
156
],
[
"
100-109
"
,
5
],
[
"
110-119
"
,
10
],
[
"
120-129
"
,
10
],
[
"
130-139
"
,
6
],
[
"
140-149
"
,
3
],
[
"
150-159
"
,
2
],
[
"
160-169
"
,
4
],
[
"
170-179
"
,
2
],
[
"
180-189
"
,
4
],
[
"
190-199
"
,
7
],
[
"
1990-1999
"
,
2
],
[
"
20-29
"
,
64
],
[
"
200-209
"
,
2
],
[
"
210-219
"
,
2
],
[
"
220-229
"
,
2
],
[
"
230-239
"
,
5
],
[
"
240-249
"
,
4
],
[
"
260-269
"
,
2
],
[
"
270-279
"
,
2
],
[
"
280-289
"
,
5
],
[
"
290-299
"
,
2
],
[
"
30-39
"
,
99
],
[
"
300-309
"
,
3
],
[
"
370-379
"
,
2
],
[
"
390-399
"
,
2
],
[
"
40-49
"
,
45
],
[
"
450-459
"
,
2
],
[
"
50-59
"
,
44
],
[
"
60-69
"
,
24
],
[
"
70-79
"
,
12
],
[
"
80-89
"
,
34
],
[
"
880-889
"
,
2
],
[
"
90-99
"
,
11
],
[
"
990-999
"
,
2
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
0-9
"
,
"
10-19
"
,
"
100-109
"
,
"
110-119
"
,
"
120-129
"
,
"
130-139
"
,
"
140-149
"
,
"
150-159
"
,
"
160-169
"
,
"
170-179
"
,
"
180-189
"
,
"
190-199
"
,
"
1990-1999
"
,
"
20-29
"
,
"
200-209
"
,
"
210-219
"
,
"
220-229
"
,
"
230-239
"
,
"
240-249
"
,
"
260-269
"
,
"
270-279
"
,
"
280-289
"
,
"
290-299
"
,
"
30-39
"
,
"
300-309
"
,
"
370-379
"
,
"
390-399
"
,
"
40-49
"
,
"
450-459
"
,
"
50-59
"
,
"
60-69
"
,
"
70-79
"
,
"
80-89
"
,
"
880-889
"
,
"
90-99
"
,
"
990-999
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u6bcf10
\
u5143
\
u4ef7
\
u683c
\
u6bb5(
\
u975e0
\
u5143
\
u8d2d
\
uff09
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_83edd1a62a99451cb72ed628f749b9d1
.
setOption
(
option_83edd1a62a99451cb72ed628f749b9d1
);
</script>
<br/>
<div
id=
"4187f3b6be684be1b05be991ce6cbe1d"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_4187f3b6be684be1b05be991ce6cbe1d
=
echarts
.
init
(
document
.
getElementById
(
'
4187f3b6be684be1b05be991ce6cbe1d
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_4187f3b6be684be1b05be991ce6cbe1d
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
70
],
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u56fd
\
u753b
"
,
29
],
[
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
11
],
[
"
\
u5de5
\
u827a
\
u4f5c
\
u54c1-
\
u5176
\
u4ed6
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5176
\
u4ed6
"
,
3
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3|
\
u6446
\
u4ef6
"
,
16
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
29
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5de5
\
u827a
\
u5200
\
u5251
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6838
\
u96d5
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u70df
\
u5177
"
,
157
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
19
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u8f7b
\
u5962
"
,
37
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
67
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
5
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5176
\
u4ed6
"
,
5
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
8
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
24
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6728
\
u8d28
\
u73e0
\
u4e32
"
,
10
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6728
\
u96d5
"
,
18
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6838
\
u96d5
"
,
74
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6c89
\
u9999
"
,
17
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6d77
\
u9ec4
"
,
95
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
17
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u964d
\
u771f
\
u9999
"
,
3
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
36
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
3
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6c89
\
u9999
"
,
3
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u4ed6
"
,
9
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
61
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5357
\
u7ea2
"
,
13
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
422
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
80
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u6c34
\
u6676
"
,
22
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459|
\
u7389
\
u9ad3
"
,
23
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
50
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0
"
,
25
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
4
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7425
\
u73c0
\
u871c
\
u8721
"
,
61
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
115
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
164
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u91cd
\
u5962
"
,
2
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
10
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
"
,
5
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
15
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
13
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u5176
\
u4ed6
\
u6742
\
u9879
"
,
46
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u53e4
\
u74f7
\
u5668
"
,
31
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u6d77
\
u5916
\
u74f7
"
,
3
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
25
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u4ed6
\
u8336
\
u53f6
"
,
3
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u53e3
\
u7cae
\
u9152
"
,
161
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5ca9
\
u8336
"
,
27
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
35
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6b66
\
u5937
\
u5ca9
\
u8336
"
,
3
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
10
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u8001
\
u9152
"
,
2
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8336
\
u9053
\
u5668
\
u5177
"
,
18
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8461
\
u8404
\
u9152
"
,
7
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
34
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u5176
\
u5b83
\
u94b1
\
u5e01
"
,
2
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u90ae
\
u7968
"
,
3
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
,
6
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u56fd
\
u753b
"
,
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
"
\
u5de5
\
u827a
\
u4f5c
\
u54c1-
\
u5176
\
u4ed6
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5176
\
u4ed6
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3|
\
u6446
\
u4ef6
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5de5
\
u827a
\
u5200
\
u5251
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6838
\
u96d5
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u70df
\
u5177
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u8f7b
\
u5962
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5176
\
u4ed6
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6728
\
u8d28
\
u73e0
\
u4e32
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6728
\
u96d5
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6838
\
u96d5
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6c89
\
u9999
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6d77
\
u9ec4
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u964d
\
u771f
\
u9999
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6c89
\
u9999
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u4ed6
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5357
\
u7ea2
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u6c34
\
u6676
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459|
\
u7389
\
u9ad3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7425
\
u73c0
\
u871c
\
u8721
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u91cd
\
u5962
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u5176
\
u4ed6
\
u6742
\
u9879
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u53e4
\
u74f7
\
u5668
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u6d77
\
u5916
\
u74f7
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u4ed6
\
u8336
\
u53f6
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u53e3
\
u7cae
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5ca9
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6b66
\
u5937
\
u5ca9
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u8001
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8336
\
u9053
\
u5668
\
u5177
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8461
\
u8404
\
u9152
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u5176
\
u5b83
\
u94b1
\
u5e01
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u90ae
\
u7968
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u590d
\
u8d2d
\
u7c7b
\
u76ee
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_4187f3b6be684be1b05be991ce6cbe1d
.
setOption
(
option_4187f3b6be684be1b05be991ce6cbe1d
);
</script>
<br/>
<div
id=
"4b78c09556a144adba45103085dad146"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_4b78c09556a144adba45103085dad146
=
echarts
.
init
(
document
.
getElementById
(
'
4b78c09556a144adba45103085dad146
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_4b78c09556a144adba45103085dad146
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
0-9
"
,
1906
],
[
"
10-19
"
,
96
],
[
"
100-109
"
,
3
],
[
"
110-119
"
,
7
],
[
"
120-129
"
,
7
],
[
"
130-139
"
,
6
],
[
"
140-149
"
,
2
],
[
"
180-189
"
,
3
],
[
"
190-199
"
,
4
],
[
"
1990-1999
"
,
2
],
[
"
20-29
"
,
41
],
[
"
210-219
"
,
2
],
[
"
230-239
"
,
2
],
[
"
240-249
"
,
4
],
[
"
260-269
"
,
2
],
[
"
270-279
"
,
2
],
[
"
280-289
"
,
4
],
[
"
30-39
"
,
57
],
[
"
300-309
"
,
2
],
[
"
370-379
"
,
2
],
[
"
40-49
"
,
28
],
[
"
450-459
"
,
2
],
[
"
50-59
"
,
27
],
[
"
60-69
"
,
12
],
[
"
70-79
"
,
9
],
[
"
80-89
"
,
26
],
[
"
880-889
"
,
2
],
[
"
90-99
"
,
9
],
[
"
990-999
"
,
2
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
0-9
"
,
"
10-19
"
,
"
100-109
"
,
"
110-119
"
,
"
120-129
"
,
"
130-139
"
,
"
140-149
"
,
"
180-189
"
,
"
190-199
"
,
"
1990-1999
"
,
"
20-29
"
,
"
210-219
"
,
"
230-239
"
,
"
240-249
"
,
"
260-269
"
,
"
270-279
"
,
"
280-289
"
,
"
30-39
"
,
"
300-309
"
,
"
370-379
"
,
"
40-49
"
,
"
450-459
"
,
"
50-59
"
,
"
60-69
"
,
"
70-79
"
,
"
80-89
"
,
"
880-889
"
,
"
90-99
"
,
"
990-999
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u590d
\
u8d2d
\
u6bcf10
\
u5143
\
u4ef7
\
u683c
\
u6bb5
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_4b78c09556a144adba45103085dad146
.
setOption
(
option_4b78c09556a144adba45103085dad146
);
</script>
<br/>
<div
id=
"2814f961d7344e0e9192579b308a9864"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_2814f961d7344e0e9192579b308a9864
=
echarts
.
init
(
document
.
getElementById
(
'
2814f961d7344e0e9192579b308a9864
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_2814f961d7344e0e9192579b308a9864
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
pie
"
,
"
clockwise
"
:
true
,
"
data
"
:
[
{
"
name
"
:
"
108
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
11
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
128
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
12
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
146
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
17
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
19
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
1
\
u5355
"
,
"
value
"
:
906
},
{
"
name
"
:
"
22
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
243
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
2
\
u5355
"
,
"
value
"
:
46
},
{
"
name
"
:
"
32
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
33
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
34
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
36
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
37
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
38
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
3
\
u5355
"
,
"
value
"
:
27
},
{
"
name
"
:
"
4
\
u5355
"
,
"
value
"
:
16
},
{
"
name
"
:
"
533
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
5
\
u5355
"
,
"
value
"
:
19
},
{
"
name
"
:
"
60
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
6
\
u5355
"
,
"
value
"
:
8
},
{
"
name
"
:
"
73
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
7
\
u5355
"
,
"
value
"
:
7
},
{
"
name
"
:
"
8
\
u5355
"
,
"
value
"
:
5
},
{
"
name
"
:
"
9
\
u5355
"
,
"
value
"
:
6
}
],
"
radius
"
:
[
"
0%
"
,
"
75%
"
],
"
center
"
:
[
"
50%
"
,
"
50%
"
],
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
,
"
formatter
"
:
"
{b}: {c}({d}%)
"
},
"
rippleEffect
"
:
{
"
show
"
:
true
,
"
brushType
"
:
"
stroke
"
,
"
scale
"
:
2.5
,
"
period
"
:
4
}
}
],
"
legend
"
:
[
{
"
data
"
:
[
"
108
\
u5355
"
,
"
11
\
u5355
"
,
"
128
\
u5355
"
,
"
12
\
u5355
"
,
"
146
\
u5355
"
,
"
17
\
u5355
"
,
"
19
\
u5355
"
,
"
1
\
u5355
"
,
"
22
\
u5355
"
,
"
243
\
u5355
"
,
"
2
\
u5355
"
,
"
32
\
u5355
"
,
"
33
\
u5355
"
,
"
34
\
u5355
"
,
"
36
\
u5355
"
,
"
37
\
u5355
"
,
"
38
\
u5355
"
,
"
3
\
u5355
"
,
"
4
\
u5355
"
,
"
533
\
u5355
"
,
"
5
\
u5355
"
,
"
60
\
u5355
"
,
"
6
\
u5355
"
,
"
73
\
u5355
"
,
"
7
\
u5355
"
,
"
8
\
u5355
"
,
"
9
\
u5355
"
],
"
selected
"
:
{},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
title
"
:
[
{
"
text
"
:
"
\
u8d2d
\
u4e70
\
u7528
\
u6237
\
u7684
\
u8ba2
\
u5355
\
u6570
\
u5206
\
u5e03
\
uff08
\
u5305
\
u62ec0
\
u5143
\
u8d2d
\
uff09
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_2814f961d7344e0e9192579b308a9864
.
setOption
(
option_2814f961d7344e0e9192579b308a9864
);
</script>
<br/>
<div
id=
"ca8bbc51c24e493eb8664c31f7940c3f"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_ca8bbc51c24e493eb8664c31f7940c3f
=
echarts
.
init
(
document
.
getElementById
(
'
ca8bbc51c24e493eb8664c31f7940c3f
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_ca8bbc51c24e493eb8664c31f7940c3f
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
pie
"
,
"
clockwise
"
:
true
,
"
data
"
:
[
{
"
name
"
:
"
108
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
11
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
128
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
12
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
146
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
17
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
19
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
22
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
243
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
2
\
u5355
"
,
"
value
"
:
46
},
{
"
name
"
:
"
32
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
33
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
34
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
36
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
37
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
38
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
3
\
u5355
"
,
"
value
"
:
27
},
{
"
name
"
:
"
4
\
u5355
"
,
"
value
"
:
16
},
{
"
name
"
:
"
533
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
5
\
u5355
"
,
"
value
"
:
19
},
{
"
name
"
:
"
60
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
6
\
u5355
"
,
"
value
"
:
8
},
{
"
name
"
:
"
73
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
7
\
u5355
"
,
"
value
"
:
7
},
{
"
name
"
:
"
8
\
u5355
"
,
"
value
"
:
5
},
{
"
name
"
:
"
9
\
u5355
"
,
"
value
"
:
6
}
],
"
radius
"
:
[
"
0%
"
,
"
75%
"
],
"
center
"
:
[
"
50%
"
,
"
50%
"
],
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
,
"
formatter
"
:
"
{b}: {c}({d}%)
"
},
"
rippleEffect
"
:
{
"
show
"
:
true
,
"
brushType
"
:
"
stroke
"
,
"
scale
"
:
2.5
,
"
period
"
:
4
}
}
],
"
legend
"
:
[
{
"
data
"
:
[
"
108
\
u5355
"
,
"
11
\
u5355
"
,
"
128
\
u5355
"
,
"
12
\
u5355
"
,
"
146
\
u5355
"
,
"
17
\
u5355
"
,
"
19
\
u5355
"
,
"
22
\
u5355
"
,
"
243
\
u5355
"
,
"
2
\
u5355
"
,
"
32
\
u5355
"
,
"
33
\
u5355
"
,
"
34
\
u5355
"
,
"
36
\
u5355
"
,
"
37
\
u5355
"
,
"
38
\
u5355
"
,
"
3
\
u5355
"
,
"
4
\
u5355
"
,
"
533
\
u5355
"
,
"
5
\
u5355
"
,
"
60
\
u5355
"
,
"
6
\
u5355
"
,
"
73
\
u5355
"
,
"
7
\
u5355
"
,
"
8
\
u5355
"
,
"
9
\
u5355
"
],
"
selected
"
:
{},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
title
"
:
[
{
"
text
"
:
"
\
u590d
\
u8d2d
\
u7528
\
u6237
\
u7684
\
u8ba2
\
u5355
\
u6570
\
u5206
\
u5e03
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_ca8bbc51c24e493eb8664c31f7940c3f
.
setOption
(
option_ca8bbc51c24e493eb8664c31f7940c3f
);
</script>
<br/>
</div>
<script>
$
(
'
#05a5b7bd0c384c67856c60a08cf01e95
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#05a5b7bd0c384c67856c60a08cf01e95>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#05a5b7bd0c384c67856c60a08cf01e95
'
),
function
()
{
chart_05a5b7bd0c384c67856c60a08cf01e95
.
resize
()});
$
(
'
#511110629d23424b993de0eff4860958
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#511110629d23424b993de0eff4860958>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#511110629d23424b993de0eff4860958
'
),
function
()
{
chart_511110629d23424b993de0eff4860958
.
resize
()});
$
(
'
#83edd1a62a99451cb72ed628f749b9d1
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#83edd1a62a99451cb72ed628f749b9d1>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#83edd1a62a99451cb72ed628f749b9d1
'
),
function
()
{
chart_83edd1a62a99451cb72ed628f749b9d1
.
resize
()});
$
(
'
#4187f3b6be684be1b05be991ce6cbe1d
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#4187f3b6be684be1b05be991ce6cbe1d>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#4187f3b6be684be1b05be991ce6cbe1d
'
),
function
()
{
chart_4187f3b6be684be1b05be991ce6cbe1d
.
resize
()});
$
(
'
#4b78c09556a144adba45103085dad146
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#4b78c09556a144adba45103085dad146>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#4b78c09556a144adba45103085dad146
'
),
function
()
{
chart_4b78c09556a144adba45103085dad146
.
resize
()});
$
(
'
#2814f961d7344e0e9192579b308a9864
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#2814f961d7344e0e9192579b308a9864>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#2814f961d7344e0e9192579b308a9864
'
),
function
()
{
chart_2814f961d7344e0e9192579b308a9864
.
resize
()});
$
(
'
#ca8bbc51c24e493eb8664c31f7940c3f
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#ca8bbc51c24e493eb8664c31f7940c3f>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#ca8bbc51c24e493eb8664c31f7940c3f
'
),
function
()
{
chart_ca8bbc51c24e493eb8664c31f7940c3f
.
resize
()});
var
charts_id
=
[
'
05a5b7bd0c384c67856c60a08cf01e95
'
,
'
511110629d23424b993de0eff4860958
'
,
'
83edd1a62a99451cb72ed628f749b9d1
'
,
'
4187f3b6be684be1b05be991ce6cbe1d
'
,
'
4b78c09556a144adba45103085dad146
'
,
'
2814f961d7344e0e9192579b308a9864
'
,
'
ca8bbc51c24e493eb8664c31f7940c3f
'
];
function
downloadCfg
()
{
const
fileName
=
'
chart_config.json
'
let
downLink
=
document
.
createElement
(
'
a
'
)
downLink
.
download
=
fileName
let
result
=
[]
for
(
let
i
=
0
;
i
<
charts_id
.
length
;
i
++
)
{
chart
=
$
(
'
#
'
+
charts_id
[
i
])
result
.
push
({
cid
:
charts_id
[
i
],
width
:
chart
.
css
(
"
width
"
),
height
:
chart
.
css
(
"
height
"
),
top
:
chart
.
offset
().
top
+
"
px
"
,
left
:
chart
.
offset
().
left
+
"
px
"
})
}
let
blob
=
new
Blob
([
JSON
.
stringify
(
result
)])
downLink
.
href
=
URL
.
createObjectURL
(
blob
)
document
.
body
.
appendChild
(
downLink
)
downLink
.
click
()
document
.
body
.
removeChild
(
downLink
)
}
</script>
</body>
</html>
0516-0522结果.html
deleted
100644 → 0
View file @
afb30f9e
<!DOCTYPE html>
<html>
<head>
<meta
charset=
"UTF-8"
>
<title>
Awesome-pyecharts
</title>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/echarts.min.js"
></script>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/jquery-ui.min.js"
></script>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/ResizeSensor.js"
></script>
<link
rel=
"stylesheet"
href=
"https://assets.pyecharts.org/assets/jquery-ui.css"
>
</head>
<body>
<style>
.box
{
}
;
</style>
<button
onclick=
"downloadCfg()"
>
Save Config
</button>
<div
class=
"box"
>
<div
id=
"de451b10f0b6498db87494a2c9acbc99"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_de451b10f0b6498db87494a2c9acbc99
=
echarts
.
init
(
document
.
getElementById
(
'
de451b10f0b6498db87494a2c9acbc99
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_de451b10f0b6498db87494a2c9acbc99
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
pie
"
,
"
clockwise
"
:
true
,
"
data
"
:
[
{
"
name
"
:
"
1
\
u5143
\
u62bd
\
u5956
"
,
"
value
"
:
1582
},
{
"
name
"
:
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
10
},
{
"
name
"
:
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
3
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u53e4
\
u94b1
\
u5e01
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
86
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
89
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
value
"
:
26
},
{
"
name
"
:
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7f8a
\
u8102
\
u7389
\
u74f7
\
u54c1
\
u8317
\
u676f
\
u4e00
\
u5bf9
"
,
"
value
"
:
27
},
{
"
name
"
:
"
\
u5176
\
u4ed6
"
,
"
value
"
:
469
}
],
"
radius
"
:
[
"
0%
"
,
"
75%
"
],
"
center
"
:
[
"
50%
"
,
"
50%
"
],
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
,
"
formatter
"
:
"
{b}: {c}({d}%)
"
},
"
rippleEffect
"
:
{
"
show
"
:
true
,
"
brushType
"
:
"
stroke
"
,
"
scale
"
:
2.5
,
"
period
"
:
4
}
}
],
"
legend
"
:
[
{
"
data
"
:
[
"
1
\
u5143
\
u62bd
\
u5956
"
,
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u30100
\
u5143
\
u9886
\
u3011
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u53e4
\
u94b1
\
u5e01
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7389
\
u77f3
\
u73e0
\
u5b9d
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u76d8
\
u73a9
\
u73e0
\
u4e32
\
u5165
\
u95e8
\
u7206
\
u6b3e
\
u798f
\
u888b
"
,
"
\
u3010
\
u652f
\
u4ed8
\
u5b9d
\
u4e13
\
u4eab
\
u30110
\
u5143
\
u9886
\
u7f8a
\
u8102
\
u7389
\
u74f7
\
u54c1
\
u8317
\
u676f
\
u4e00
\
u5bf9
"
,
"
\
u5176
\
u4ed6
"
],
"
selected
"
:
{},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
title
"
:
[
{
"
text
"
:
"
0
\
u5143
\
u8d2d
\
u30011
\
u5143
\
u62bd
\
u5956
\
u3001
\
u5176
\
u4ed6
\
u5360
\
u6bd4
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_de451b10f0b6498db87494a2c9acbc99
.
setOption
(
option_de451b10f0b6498db87494a2c9acbc99
);
</script>
<br/>
<div
id=
"7bb60fc0cef941c79cf30185a559e31d"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_7bb60fc0cef941c79cf30185a559e31d
=
echarts
.
init
(
document
.
getElementById
(
'
7bb60fc0cef941c79cf30185a559e31d
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_7bb60fc0cef941c79cf30185a559e31d
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
4
],
[
"
\
u5176
\
u4ed6-
\
u5176
\
u4ed6
"
,
2
],
[
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
16
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
6
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6838
\
u96d5
"
,
3
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
17
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
11
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
6
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
47
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6728
\
u96d5/
\
u6839
\
u96d5
"
,
5
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u91d1
\
u4e1d
\
u6960
"
,
5
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
36
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
47
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
21
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
39
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
16
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
45
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
11
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
2
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
33
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
19
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u5b83
\
u8336
\
u53f6
"
,
2
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
9
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6b66
\
u5937
\
u5ca9
\
u8336
"
,
2
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
5
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
16
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8461
\
u8404
\
u9152
"
,
3
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
16
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
,
4
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
"
\
u5176
\
u4ed6-
\
u5176
\
u4ed6
"
,
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6838
\
u96d5
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6728
\
u96d5/
\
u6839
\
u96d5
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u91d1
\
u4e1d
\
u6960
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u5b83
\
u8336
\
u53f6
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u6b66
\
u5937
\
u5ca9
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8461
\
u8404
\
u9152
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u7c7b
\
u76ee(
\
u975e0
\
u5143
\
u8d2d
\
u30011
\
u5143
\
u62bd
\
u5956
\
uff09
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_7bb60fc0cef941c79cf30185a559e31d
.
setOption
(
option_7bb60fc0cef941c79cf30185a559e31d
);
</script>
<br/>
<div
id=
"052240b47915480cb20abd481fd4dfe0"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_052240b47915480cb20abd481fd4dfe0
=
echarts
.
init
(
document
.
getElementById
(
'
052240b47915480cb20abd481fd4dfe0
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_052240b47915480cb20abd481fd4dfe0
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
0-9
"
,
43
],
[
"
10-19
"
,
92
],
[
"
100-109
"
,
5
],
[
"
110-119
"
,
3
],
[
"
120-129
"
,
3
],
[
"
130-139
"
,
7
],
[
"
140-149
"
,
5
],
[
"
150-159
"
,
3
],
[
"
160-169
"
,
2
],
[
"
170-179
"
,
3
],
[
"
180-189
"
,
2
],
[
"
20-29
"
,
73
],
[
"
230-239
"
,
2
],
[
"
270-279
"
,
2
],
[
"
280-289
"
,
2
],
[
"
290-299
"
,
6
],
[
"
30-39
"
,
53
],
[
"
370-379
"
,
2
],
[
"
40-49
"
,
37
],
[
"
50-59
"
,
27
],
[
"
500-509
"
,
2
],
[
"
60-69
"
,
36
],
[
"
70-79
"
,
17
],
[
"
80-89
"
,
16
],
[
"
90-99
"
,
12
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
0-9
"
,
"
10-19
"
,
"
100-109
"
,
"
110-119
"
,
"
120-129
"
,
"
130-139
"
,
"
140-149
"
,
"
150-159
"
,
"
160-169
"
,
"
170-179
"
,
"
180-189
"
,
"
20-29
"
,
"
230-239
"
,
"
270-279
"
,
"
280-289
"
,
"
290-299
"
,
"
30-39
"
,
"
370-379
"
,
"
40-49
"
,
"
50-59
"
,
"
500-509
"
,
"
60-69
"
,
"
70-79
"
,
"
80-89
"
,
"
90-99
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u6bcf10
\
u5143
\
u4ef7
\
u683c
\
u6bb5(
\
u975e0
\
u5143
\
u8d2d
\
uff0c1
\
u5143
\
u62bd
\
u5956
\
uff09
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_052240b47915480cb20abd481fd4dfe0
.
setOption
(
option_052240b47915480cb20abd481fd4dfe0
);
</script>
<br/>
<div
id=
"925ebf8932ac4572862439c40d1703b5"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_925ebf8932ac4572862439c40d1703b5
=
echarts
.
init
(
document
.
getElementById
(
'
925ebf8932ac4572862439c40d1703b5
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_925ebf8932ac4572862439c40d1703b5
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
38
],
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u5370
\
u77f3
\
u7ae0
\
u6599
"
,
3
],
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u56fd
\
u753b
"
,
27
],
[
"
\
u5176
\
u4ed6-
\
u5176
\
u4ed6
"
,
2
],
[
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
10
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3|
\
u6446
\
u4ef6
"
,
17
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
51
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
2
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u70df
\
u5177
"
,
114
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
12
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u8f7b
\
u5962
"
,
3
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
95
],
[
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
6
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
7
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
11
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6838
\
u96d5
"
,
85
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6c89
\
u9999
"
,
7
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6d77
\
u9ec4
"
,
43
],
[
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
18
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
30
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6728
\
u96d5/
\
u6839
\
u96d5
"
,
5
],
[
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u91d1
\
u4e1d
\
u6960
"
,
3
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u4ed6
"
,
3
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
33
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5357
\
u7ea2
"
,
4
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
332
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
63
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u6c34
\
u6676
"
,
5
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459|
\
u7389
\
u9ad3
"
,
6
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
25
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0
"
,
47
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
9
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7425
\
u73c0
\
u871c
\
u8721
"
,
91
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7eff
\
u677e
\
u77f3
"
,
4
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
135
],
[
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
117
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
4
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
27
],
[
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
16
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u5176
\
u4ed6
\
u6742
\
u9879
"
,
29
],
[
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u53e4
\
u74f7
\
u5668
"
,
21
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
17
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u5b83
\
u8336
\
u53f6
"
,
2
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u53e3
\
u7cae
\
u9152
"
,
126
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5ca9
\
u8336
"
,
12
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
22
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
3
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
10
],
[
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8336
\
u9053
\
u5668
\
u5177
"
,
13
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
30
],
[
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
,
4
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u4e66
\
u6cd5
"
,
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u5370
\
u77f3
\
u7ae0
\
u6599
"
,
"
\
u4e66
\
u753b
\
u7bc6
\
u523b-
\
u56fd
\
u753b
"
,
"
\
u5176
\
u4ed6-
\
u5176
\
u4ed6
"
,
"
\
u5176
\
u5b83-
\
u56fd
\
u4ea7
\
u624b
\
u8868
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5947
\
u77f3|
\
u6446
\
u4ef6
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u5b97
\
u6559
\
u6587
\
u5316
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u70df
\
u5177
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u8f7b
\
u5962
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94b1
\
u5e01
"
,
"
\
u6587
\
u73a9
\
u6742
\
u9879-
\
u94dc
\
u94c1
\
u9521
\
u5668
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u5c0f
\
u53f6
\
u7d2b
\
u6a80
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6587
\
u73a9
\
u6838
\
u6843
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6838
\
u96d5
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6c89
\
u9999
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u6d77
\
u9ec4
"
,
"
\
u6728
\
u5236
\
u5de5
\
u827a-
\
u83e9
\
u63d0
\
u73e0
\
u4e32
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u5176
\
u5b83
\
u6728
\
u5934
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u6728
\
u96d5/
\
u6839
\
u96d5
"
,
"
\
u6728
\
u5668
\
u5bb6
\
u5177-
\
u91d1
\
u4e1d
\
u6960
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u4ed6
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5176
\
u5b83
\
u7279
\
u8272
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5357
\
u7ea2
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u548c
\
u7530
\
u7389
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u5c0f
\
u4f17
\
u7389
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u6c34
\
u6676
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459|
\
u7389
\
u9ad3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u739b
\
u7459
\
u7389
\
u9ad3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u73cd
\
u73e0|
\
u5f69
\
u5b9d
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7425
\
u73c0
\
u871c
\
u8721
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7eff
\
u677e
\
u77f3
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
"
,
"
\
u7389
\
u7fe0
\
u73e0
\
u5b9d-
\
u7fe1
\
u7fe0
\
u539f
\
u77f3
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5efa
\
u76cf
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u5f53
\
u4ee3
\
u74f7
\
u5668
"
,
"
\
u7d2b
\
u7802
\
u9676
\
u74f7-
\
u7d2b
\
u7802
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u5176
\
u4ed6
\
u6742
\
u9879
"
,
"
\
u8001
\
u8d27
\
u65e7
\
u85cf-
\
u53e4
\
u74f7
\
u5668
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5176
\
u5b83
\
u8336
\
u53f6
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u53e3
\
u7cae
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u5ca9
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u666e
\
u6d31
\
u8336
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u4e2d
\
u56fd
\
u540d
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u767d
\
u9152-
\
u53e3
\
u7cae
\
u9152
"
,
"
\
u8336
\
u9152
\
u6ecb
\
u8865-
\
u8336
\
u9053
\
u5668
\
u5177
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u4e2d
\
u56fd
\
u53e4
\
u94b1
"
,
"
\
u94b1
\
u5e01
\
u90ae
\
u7968-
\
u94f6
\
u952d/
\
u673a
\
u5236
\
u5e01
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u590d
\
u8d2d
\
u7c7b
\
u76ee
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_925ebf8932ac4572862439c40d1703b5
.
setOption
(
option_925ebf8932ac4572862439c40d1703b5
);
</script>
<br/>
<div
id=
"a9c7d25b8a434617aa8735b3012f1e07"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_a9c7d25b8a434617aa8735b3012f1e07
=
echarts
.
init
(
document
.
getElementById
(
'
a9c7d25b8a434617aa8735b3012f1e07
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_a9c7d25b8a434617aa8735b3012f1e07
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
line
"
,
"
connectNulls
"
:
false
,
"
symbol
"
:
"
emptyCircle
"
,
"
symbolSize
"
:
4
,
"
showSymbol
"
:
true
,
"
smooth
"
:
false
,
"
clip
"
:
true
,
"
step
"
:
false
,
"
data
"
:
[
[
"
0-9
"
,
1529
],
[
"
10-19
"
,
61
],
[
"
100-109
"
,
4
],
[
"
110-119
"
,
3
],
[
"
120-129
"
,
3
],
[
"
130-139
"
,
5
],
[
"
140-149
"
,
4
],
[
"
150-159
"
,
2
],
[
"
170-179
"
,
2
],
[
"
180-189
"
,
2
],
[
"
20-29
"
,
41
],
[
"
280-289
"
,
2
],
[
"
290-299
"
,
6
],
[
"
30-39
"
,
33
],
[
"
40-49
"
,
23
],
[
"
50-59
"
,
18
],
[
"
500-509
"
,
2
],
[
"
60-69
"
,
23
],
[
"
70-79
"
,
12
],
[
"
80-89
"
,
10
],
[
"
90-99
"
,
10
]
],
"
hoverAnimation
"
:
true
,
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
},
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
},
"
areaStyle
"
:
{
"
opacity
"
:
0
},
"
zlevel
"
:
0
,
"
z
"
:
0
}
],
"
legend
"
:
[
{
"
data
"
:
[
""
],
"
selected
"
:
{
""
:
true
},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
xAxis
"
:
[
{
"
type
"
:
"
category
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisLabel
"
:
{
"
rotate
"
:
-
30
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
false
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
},
"
data
"
:
[
"
0-9
"
,
"
10-19
"
,
"
100-109
"
,
"
110-119
"
,
"
120-129
"
,
"
130-139
"
,
"
140-149
"
,
"
150-159
"
,
"
170-179
"
,
"
180-189
"
,
"
20-29
"
,
"
280-289
"
,
"
290-299
"
,
"
30-39
"
,
"
40-49
"
,
"
50-59
"
,
"
500-509
"
,
"
60-69
"
,
"
70-79
"
,
"
80-89
"
,
"
90-99
"
]
}
],
"
yAxis
"
:
[
{
"
type
"
:
"
value
"
,
"
show
"
:
true
,
"
scale
"
:
false
,
"
nameLocation
"
:
"
end
"
,
"
nameGap
"
:
15
,
"
gridIndex
"
:
0
,
"
axisTick
"
:
{
"
show
"
:
true
,
"
alignWithLabel
"
:
false
,
"
inside
"
:
false
},
"
inverse
"
:
false
,
"
offset
"
:
0
,
"
splitNumber
"
:
5
,
"
minInterval
"
:
0
,
"
splitLine
"
:
{
"
show
"
:
true
,
"
lineStyle
"
:
{
"
show
"
:
true
,
"
width
"
:
1
,
"
opacity
"
:
1
,
"
curveness
"
:
0
,
"
type
"
:
"
solid
"
}
}
}
],
"
title
"
:
[
{
"
text
"
:
"
\
u590d
\
u8d2d
\
u6bcf10
\
u5143
\
u4ef7
\
u683c
\
u6bb5
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_a9c7d25b8a434617aa8735b3012f1e07
.
setOption
(
option_a9c7d25b8a434617aa8735b3012f1e07
);
</script>
<br/>
<div
id=
"d4dc8601cde240e4b4d3e41bb6c3bcc5"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_d4dc8601cde240e4b4d3e41bb6c3bcc5
=
echarts
.
init
(
document
.
getElementById
(
'
d4dc8601cde240e4b4d3e41bb6c3bcc5
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_d4dc8601cde240e4b4d3e41bb6c3bcc5
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
pie
"
,
"
clockwise
"
:
true
,
"
data
"
:
[
{
"
name
"
:
"
107
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
10
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
119
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
11
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
13
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
154
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
15
\
u5355
"
,
"
value
"
:
3
},
{
"
name
"
:
"
16
\
u5355
"
,
"
value
"
:
3
},
{
"
name
"
:
"
179
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
19
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
1
\
u5355
"
,
"
value
"
:
384
},
{
"
name
"
:
"
20
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
28
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
2
\
u5355
"
,
"
value
"
:
29
},
{
"
name
"
:
"
35
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
370
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
3
\
u5355
"
,
"
value
"
:
14
},
{
"
name
"
:
"
46
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
47
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
4
\
u5355
"
,
"
value
"
:
12
},
{
"
name
"
:
"
5
\
u5355
"
,
"
value
"
:
5
},
{
"
name
"
:
"
60
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
68
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
6
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
76
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
7
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
8
\
u5355
"
,
"
value
"
:
3
},
{
"
name
"
:
"
9
\
u5355
"
,
"
value
"
:
7
}
],
"
radius
"
:
[
"
0%
"
,
"
75%
"
],
"
center
"
:
[
"
50%
"
,
"
50%
"
],
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
,
"
formatter
"
:
"
{b}: {c}({d}%)
"
},
"
rippleEffect
"
:
{
"
show
"
:
true
,
"
brushType
"
:
"
stroke
"
,
"
scale
"
:
2.5
,
"
period
"
:
4
}
}
],
"
legend
"
:
[
{
"
data
"
:
[
"
107
\
u5355
"
,
"
10
\
u5355
"
,
"
119
\
u5355
"
,
"
11
\
u5355
"
,
"
13
\
u5355
"
,
"
154
\
u5355
"
,
"
15
\
u5355
"
,
"
16
\
u5355
"
,
"
179
\
u5355
"
,
"
19
\
u5355
"
,
"
1
\
u5355
"
,
"
20
\
u5355
"
,
"
28
\
u5355
"
,
"
2
\
u5355
"
,
"
35
\
u5355
"
,
"
370
\
u5355
"
,
"
3
\
u5355
"
,
"
46
\
u5355
"
,
"
47
\
u5355
"
,
"
4
\
u5355
"
,
"
5
\
u5355
"
,
"
60
\
u5355
"
,
"
68
\
u5355
"
,
"
6
\
u5355
"
,
"
76
\
u5355
"
,
"
7
\
u5355
"
,
"
8
\
u5355
"
,
"
9
\
u5355
"
],
"
selected
"
:
{},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
title
"
:
[
{
"
text
"
:
"
\
u8d2d
\
u4e70
\
u7528
\
u6237
\
u7684
\
u8ba2
\
u5355
\
u6570
\
u5206
\
u5e03
\
uff08
\
u5305
\
u62ec0
\
u5143
\
u8d2d
\
u30011
\
u5143
\
u62bd
\
u5956
\
uff09
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_d4dc8601cde240e4b4d3e41bb6c3bcc5
.
setOption
(
option_d4dc8601cde240e4b4d3e41bb6c3bcc5
);
</script>
<br/>
<div
id=
"5aec057a9b4642598326a6a2c873d982"
class=
"chart-container"
style=
"width:1200px; height:500px;"
></div>
<script>
var
chart_5aec057a9b4642598326a6a2c873d982
=
echarts
.
init
(
document
.
getElementById
(
'
5aec057a9b4642598326a6a2c873d982
'
),
'
white
'
,
{
renderer
:
'
canvas
'
});
var
option_5aec057a9b4642598326a6a2c873d982
=
{
"
animation
"
:
true
,
"
animationThreshold
"
:
2000
,
"
animationDuration
"
:
1000
,
"
animationEasing
"
:
"
cubicOut
"
,
"
animationDelay
"
:
0
,
"
animationDurationUpdate
"
:
300
,
"
animationEasingUpdate
"
:
"
cubicOut
"
,
"
animationDelayUpdate
"
:
0
,
"
color
"
:
[
"
#c23531
"
,
"
#2f4554
"
,
"
#61a0a8
"
,
"
#d48265
"
,
"
#749f83
"
,
"
#ca8622
"
,
"
#bda29a
"
,
"
#6e7074
"
,
"
#546570
"
,
"
#c4ccd3
"
,
"
#f05b72
"
,
"
#ef5b9c
"
,
"
#f47920
"
,
"
#905a3d
"
,
"
#fab27b
"
,
"
#2a5caa
"
,
"
#444693
"
,
"
#726930
"
,
"
#b2d235
"
,
"
#6d8346
"
,
"
#ac6767
"
,
"
#1d953f
"
,
"
#6950a1
"
,
"
#918597
"
],
"
series
"
:
[
{
"
type
"
:
"
pie
"
,
"
clockwise
"
:
true
,
"
data
"
:
[
{
"
name
"
:
"
107
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
10
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
119
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
11
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
13
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
154
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
15
\
u5355
"
,
"
value
"
:
3
},
{
"
name
"
:
"
16
\
u5355
"
,
"
value
"
:
3
},
{
"
name
"
:
"
179
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
19
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
20
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
28
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
2
\
u5355
"
,
"
value
"
:
29
},
{
"
name
"
:
"
35
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
370
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
3
\
u5355
"
,
"
value
"
:
14
},
{
"
name
"
:
"
46
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
47
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
4
\
u5355
"
,
"
value
"
:
12
},
{
"
name
"
:
"
5
\
u5355
"
,
"
value
"
:
5
},
{
"
name
"
:
"
60
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
68
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
6
\
u5355
"
,
"
value
"
:
2
},
{
"
name
"
:
"
76
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
7
\
u5355
"
,
"
value
"
:
1
},
{
"
name
"
:
"
8
\
u5355
"
,
"
value
"
:
3
},
{
"
name
"
:
"
9
\
u5355
"
,
"
value
"
:
7
}
],
"
radius
"
:
[
"
0%
"
,
"
75%
"
],
"
center
"
:
[
"
50%
"
,
"
50%
"
],
"
label
"
:
{
"
show
"
:
true
,
"
position
"
:
"
top
"
,
"
margin
"
:
8
,
"
formatter
"
:
"
{b}: {c}({d}%)
"
},
"
rippleEffect
"
:
{
"
show
"
:
true
,
"
brushType
"
:
"
stroke
"
,
"
scale
"
:
2.5
,
"
period
"
:
4
}
}
],
"
legend
"
:
[
{
"
data
"
:
[
"
107
\
u5355
"
,
"
10
\
u5355
"
,
"
119
\
u5355
"
,
"
11
\
u5355
"
,
"
13
\
u5355
"
,
"
154
\
u5355
"
,
"
15
\
u5355
"
,
"
16
\
u5355
"
,
"
179
\
u5355
"
,
"
19
\
u5355
"
,
"
20
\
u5355
"
,
"
28
\
u5355
"
,
"
2
\
u5355
"
,
"
35
\
u5355
"
,
"
370
\
u5355
"
,
"
3
\
u5355
"
,
"
46
\
u5355
"
,
"
47
\
u5355
"
,
"
4
\
u5355
"
,
"
5
\
u5355
"
,
"
60
\
u5355
"
,
"
68
\
u5355
"
,
"
6
\
u5355
"
,
"
76
\
u5355
"
,
"
7
\
u5355
"
,
"
8
\
u5355
"
,
"
9
\
u5355
"
],
"
selected
"
:
{},
"
show
"
:
true
,
"
padding
"
:
5
,
"
itemGap
"
:
10
,
"
itemWidth
"
:
25
,
"
itemHeight
"
:
14
}
],
"
tooltip
"
:
{
"
show
"
:
true
,
"
trigger
"
:
"
item
"
,
"
triggerOn
"
:
"
mousemove|click
"
,
"
axisPointer
"
:
{
"
type
"
:
"
line
"
},
"
showContent
"
:
true
,
"
alwaysShowContent
"
:
false
,
"
showDelay
"
:
0
,
"
hideDelay
"
:
100
,
"
textStyle
"
:
{
"
fontSize
"
:
14
},
"
borderWidth
"
:
0
,
"
padding
"
:
5
},
"
title
"
:
[
{
"
text
"
:
"
\
u590d
\
u8d2d
\
u7528
\
u6237
\
u7684
\
u8ba2
\
u5355
\
u6570
\
u5206
\
u5e03
"
,
"
padding
"
:
5
,
"
itemGap
"
:
10
}
]
};
chart_5aec057a9b4642598326a6a2c873d982
.
setOption
(
option_5aec057a9b4642598326a6a2c873d982
);
</script>
<br/>
</div>
<script>
$
(
'
#de451b10f0b6498db87494a2c9acbc99
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#de451b10f0b6498db87494a2c9acbc99>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#de451b10f0b6498db87494a2c9acbc99
'
),
function
()
{
chart_de451b10f0b6498db87494a2c9acbc99
.
resize
()});
$
(
'
#7bb60fc0cef941c79cf30185a559e31d
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#7bb60fc0cef941c79cf30185a559e31d>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#7bb60fc0cef941c79cf30185a559e31d
'
),
function
()
{
chart_7bb60fc0cef941c79cf30185a559e31d
.
resize
()});
$
(
'
#052240b47915480cb20abd481fd4dfe0
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#052240b47915480cb20abd481fd4dfe0>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#052240b47915480cb20abd481fd4dfe0
'
),
function
()
{
chart_052240b47915480cb20abd481fd4dfe0
.
resize
()});
$
(
'
#925ebf8932ac4572862439c40d1703b5
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#925ebf8932ac4572862439c40d1703b5>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#925ebf8932ac4572862439c40d1703b5
'
),
function
()
{
chart_925ebf8932ac4572862439c40d1703b5
.
resize
()});
$
(
'
#a9c7d25b8a434617aa8735b3012f1e07
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#a9c7d25b8a434617aa8735b3012f1e07>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#a9c7d25b8a434617aa8735b3012f1e07
'
),
function
()
{
chart_a9c7d25b8a434617aa8735b3012f1e07
.
resize
()});
$
(
'
#d4dc8601cde240e4b4d3e41bb6c3bcc5
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#d4dc8601cde240e4b4d3e41bb6c3bcc5>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#d4dc8601cde240e4b4d3e41bb6c3bcc5
'
),
function
()
{
chart_d4dc8601cde240e4b4d3e41bb6c3bcc5
.
resize
()});
$
(
'
#5aec057a9b4642598326a6a2c873d982
'
).
resizable
().
draggable
().
css
(
'
border-style
'
,
'
dashed
'
).
css
(
'
border-width
'
,
'
1px
'
);
$
(
"
#5aec057a9b4642598326a6a2c873d982>div:nth-child(1)
"
).
width
(
"
100%
"
).
height
(
"
100%
"
);
new
ResizeSensor
(
jQuery
(
'
#5aec057a9b4642598326a6a2c873d982
'
),
function
()
{
chart_5aec057a9b4642598326a6a2c873d982
.
resize
()});
var
charts_id
=
[
'
de451b10f0b6498db87494a2c9acbc99
'
,
'
7bb60fc0cef941c79cf30185a559e31d
'
,
'
052240b47915480cb20abd481fd4dfe0
'
,
'
925ebf8932ac4572862439c40d1703b5
'
,
'
a9c7d25b8a434617aa8735b3012f1e07
'
,
'
d4dc8601cde240e4b4d3e41bb6c3bcc5
'
,
'
5aec057a9b4642598326a6a2c873d982
'
];
function
downloadCfg
()
{
const
fileName
=
'
chart_config.json
'
let
downLink
=
document
.
createElement
(
'
a
'
)
downLink
.
download
=
fileName
let
result
=
[]
for
(
let
i
=
0
;
i
<
charts_id
.
length
;
i
++
)
{
chart
=
$
(
'
#
'
+
charts_id
[
i
])
result
.
push
({
cid
:
charts_id
[
i
],
width
:
chart
.
css
(
"
width
"
),
height
:
chart
.
css
(
"
height
"
),
top
:
chart
.
offset
().
top
+
"
px
"
,
left
:
chart
.
offset
().
left
+
"
px
"
})
}
let
blob
=
new
Blob
([
JSON
.
stringify
(
result
)])
downLink
.
href
=
URL
.
createObjectURL
(
blob
)
document
.
body
.
appendChild
(
downLink
)
downLink
.
click
()
document
.
body
.
removeChild
(
downLink
)
}
</script>
</body>
</html>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment