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
| <!doctype html>
| <html>
| <head>
| <meta charset="utf-8">
| <title>满意度统计</title>
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
| [#include "/business/wechat/include/whead.html" /]
| </head>
|
| <body class="user_center equiplist ordertype">
| <div id="pieChart"></div>
| <div id="lineChart"></div>
| [#include "/business/wechat/include/wfoot.html" /]
|
| <script type="text/javascript">
| $(function(){
| initSplineStyle();
| var params = {'proId':'${RequestParameters.proId}'};
| $.post("${base}/uwyw/stats/uSatisStats/satisPieStats.html",params,function(data){
| initPieChart(data);
| },'json');
|
| $.post("${base}/uwyw/stats/uSatisStats/satisLineStats.html",params,function(data){
| initLineChart(data);
| },'json');
| });
|
|
| function initPieChart(data){
| $('#pieChart').highcharts({
| chart: {
| type: 'pie'
| },
| title: {
| text: '满意度分类占比'
| },
| tooltip: {
| pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
| },
| plotOptions: {
| pie: {
| allowPointSelect: true,
| cursor: 'pointer',
| depth: 35,
| dataLabels: {
| enabled: true,
| format: '{point.name}{point.percentage:.1f}%'
| },
| showInLegend: true,
| size: 200
| }
| },
| series: [{
| type: 'pie',
| name: '占比',
| data: data
| }]
| });
| }
|
| function initLineChart(data){
| $('#lineChart').highcharts({
| chart: {
| type: 'column'
| },
| title: {
| text: '满意度分类统计'
| },
| xAxis: {
| categories: data.categories,
| labels: {
| step: data.step
| }
| },
| plotOptions: {
| series: {
| pointWidth: 40
| }
| },
| series: data.series
| });
| }
| </script>
| </body>
| </html>
|
|
