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