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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
| <!doctype html>
| <html>
| <head>
| [#include "/business/wechat/include/title.html" /]
| [#include "/business/wechat/include/wheader.html" /]
| <script type="text/javascript">
| $(function(){
| initSplineStyle();
| var chart = eval('('+'${chartJsonStr}'+')');
| if(chart.nodata){
| showNoDataWechat('container');
| }else{
| createChart(chart);
| }
|
| //创建图表
| function createChart(data){
| $('#container').highcharts({
| chart: {
| height:350,
| type: 'gauge',
| plotBackgroundColor: null,
| plotBackgroundImage: null,
| plotBorderWidth: 0,
| plotShadow: false
| },
| title: {
| text: ''
| },
| pane: {
| startAngle: -150,
| endAngle: 150,
| background: [{
| backgroundColor: {
| linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
| stops: [
| [0, '#FFF'],
| [1, '#333']
| ]
| },
| borderWidth: 0,
| outerRadius: '109%'
| }, {
| backgroundColor: {
| linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
| stops: [
| [0, '#333'],
| [1, '#FFF']
| ]
| },
| borderWidth: 1,
| outerRadius: '107%'
| }, {
| // default background
| }, {
| backgroundColor: '#DDD',
| borderWidth: 0,
| outerRadius: '105%',
| innerRadius: '103%'
| }]
| },
| yAxis: {
| min: 0,
| max: 100,
|
| minorTickInterval: 'auto',
| minorTickWidth: 1,
| minorTickLength: 10,
| minorTickPosition: 'inside',
| minorTickColor: '#666',
|
| tickPixelInterval: 30,
| tickWidth: 2,
| tickPosition: 'inside',
| tickLength: 10,
| tickColor: '#666',
| labels: {
| step: 2,
| rotation: 'auto'
| },
| title: {
| text: ''
| },
| plotBands: [{
| from: 0,
| to: 40,
| color: '#DF5353' // green
| }, {
| from: 40,
| to: 60,
| color: '#DDDF0D' // yellow
| }, {
| from: 60,
| to: 100,
| color: '#55BF3B' // red
| }]
| },
| series: [{
| name: '百分比',
| data: [0],
| tooltip: {
| valueSuffix: ' %'
| }
| }]
|
| },function(chart){
| chart.series[0].data[0].update(data.y);
| });
| }
|
| })
| </script>
| </head>
|
| <body>
| <header class="kltit">
| <label class="check"></label>
| [#if RequestParameters.statisType=='week']
| <a href="${base}/uwyw/uWorkReport/uWeekIndex.html?cusId=${RequestParameters.cusId}&selDate=${RequestParameters.selDate}"><span></span></a>
| [#elseif RequestParameters.statisType=='month']
| <a href="${base}/uwyw/uWorkReport/uMonthIndex.html?cusId=${RequestParameters.cusId}&selDate=${RequestParameters.selDate}"><span></span></a>
| [#elseif RequestParameters.statisType=='year']
| <a href="${base}/uwyw/uWorkReport/uYearIndex.html?cusId=${RequestParameters.cusId}&selDate=${RequestParameters.selDate}"><span></span></a>
| [/#if]
| 驻场达成率统计
| [#include "/business/wechat/uwyw/uWorkReport/uSelector.html" /]
| </header>
| <div id="container" class="chart_container_pie"></div>
| </body>
| </html>
|
|
