From 68b1f2c9d07385c094c348f15e1c4132c8d2cf97 Mon Sep 17 00:00:00 2001
From: zjj <3272660260@qq.com>
Date: 星期二, 24 十二月 2024 11:11:58 +0800
Subject: [PATCH] #分析页饼图添加图例

---
 src/main/webapp/views/home/console.html |   98 ++++++++++++++++++++++++------------------------
 1 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html
index ce1ed60..cf553e4 100644
--- a/src/main/webapp/views/home/console.html
+++ b/src/main/webapp/views/home/console.html
@@ -113,63 +113,63 @@
     // 楗煎浘
     function pieCharts(){
         $.ajax({
-            url:baseUrl+'/console/loc/pie/charts',
+            url: baseUrl+'/console/loc/pie/charts',
             headers: {'token': localStorage.getItem('token')},
             dataType: 'json',
             contentType: 'application/json;charset=UTF-8',
             crossDomain: true,
             method: 'POST',
-            success:function(res){
+            success: function(res){
                 var data = res.data;
-                var dataPie=eval(data.rows);
-                var chart = {
-                    plotBackgroundColor: null,
-                    plotBorderWidth: null,
-                    plotShadow: false
-                };
-                var title = {
-                    text: '搴撲綅浣跨敤姣斾緥',
-                    margin:1,
-                    style: {fontSize: '18px',color: '#777',fontWeight: 'bold'},
-                    y: 5
-                };
-                var tooltip = {
-                    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-                };
-                var plotOptions = {
-                    pie: {
-                        allowPointSelect: true,
-                        cursor: 'pointer',
-                        dataLabels: {
-                            enabled: true,
-                            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
-                            style: {
-                                color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
-                            }
-                        }
-                    }
-                };
-                var series= [{
-                    type: 'pie',
-                    name: '搴撲綅鍗犳瘮',
-                    data: dataPie
-                }];
-                var loading = {
-                    hideDuration: 3,
-                    showDuration: 3
-                };
-                var json = {};
-                json.chart = chart;
-                json.title = title;
-                json.tooltip = tooltip;
-                json.series = series;
-                json.plotOptions = plotOptions;
-                json.loading = loading;
-                json.credits = {enabled: false};
-                $('#pie').highcharts(json);
+                var dataPie = eval(data.rows);
 
+                Highcharts.chart('pie', {
+                    chart: {
+                        plotBackgroundColor: null,
+                        plotBorderWidth: null,
+                        plotShadow: false,
+                        type: 'pie'
+                    },
+                    title: {
+                        text: '搴撲綅浣跨敤姣斾緥',
+                        margin:1,
+                        style: {fontSize: '18px',color: '#777',fontWeight: 'bold'},
+                        y: 5
+                    },
+                    credits:{
+                        enabled:false
+                    },
+                    tooltip: {
+                        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+                    },
+                    legend:{
+                        align:'center',
+                        labelFormat:'{name}:{y}'
+                    },
+                    plotOptions: {
+                        pie: {
+                            allowPointSelect: true,
+                            cursor: 'pointer',
+                            dataLabels: {
+                                enabled: true,
+                                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
+                                style: {
+                                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
+                                }
+                            },
+                            showInLegend: true,
+
+                        }
+                    },
+                    series: [{
+                        name: '搴撲綅鍗犳瘮',
+                        colorByPoint: true,
+                        data: dataPie
+                    }]
+                });
             },
-            error:function(){
+            error: function(){
+                // 閿欒澶勭悊
             }
         });
     }

--
Gitblit v1.9.1