From 056f6f5011e62552a5ef8c52628c7775d73933ff Mon Sep 17 00:00:00 2001 From: zhangxzz Date: Thu, 23 Nov 2023 16:06:37 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E6=88=90=E6=9E=9C=E6=A6=82?= =?UTF-8?q?=E8=A7=88=E9=A5=BC=E7=8A=B6=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/military/achievement.js | 6 ++--- src/military/achievement/achivChart/index.jsx | 25 +++++++++++++------ src/modules/tpm/NewHeader.js | 16 ++++++------ 3 files changed, 29 insertions(+), 18 deletions(-) diff --git a/src/military/achievement.js b/src/military/achievement.js index 5b8f84710..56eafe866 100644 --- a/src/military/achievement.js +++ b/src/military/achievement.js @@ -60,13 +60,13 @@ class Index extends Component { )} > + ( - + )} > - ); diff --git a/src/military/achievement/achivChart/index.jsx b/src/military/achievement/achivChart/index.jsx index e96575cdd..4f072428c 100644 --- a/src/military/achievement/achivChart/index.jsx +++ b/src/military/achievement/achivChart/index.jsx @@ -66,11 +66,20 @@ function AchivChart() { // 如果传入的数据的value为0 则把0变为null let processedData = preprocessData(sortedData); + // 初始化echarts实例 const myChart = echarts.init(document.getElementById('chartBox')); // 指定图表的配置项和数据 const option = { + "tooltip": { + "trigger": "item", + "formatter": function(params) { + var value = params.value; + var name = params.name.substring(0, 4); + return "名称:" + name + "
占比:" + value + "%"; + } + }, title: { text: '成果数量占比统计', left: 215, @@ -100,16 +109,18 @@ function AchivChart() { ], series: [ { - name: 'Nightingale Chart', + name: '成果数量占比', type: 'pie', - radius: [35, 145], + radius: [45, 145], center: ['160', '50%'], - roseType: 'area', clockwise: false, startAngle: 45, itemStyle: { - borderRadius: 0 + borderRadius: 10, + borderColor: '#fff', + borderWidth: 1 }, + minShowLabelAngle: 10, data: processedData, label: { show: true, @@ -117,7 +128,7 @@ function AchivChart() { color: 'white', formatter: '{c}%', // 显示数据名称和百分比 textStyle: { - fontSize: 20 + fontSize: 18 } } } @@ -131,12 +142,12 @@ function AchivChart() { fill: '#333', fontSize: 18, fontWeight: 'bold', - verticalAlign: 'middle', - lineHeight: 24 + verticalAlign: 'middle' } } }; + console.log('option',option) // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); diff --git a/src/modules/tpm/NewHeader.js b/src/modules/tpm/NewHeader.js index ed5c841e0..8d213b25c 100644 --- a/src/modules/tpm/NewHeader.js +++ b/src/modules/tpm/NewHeader.js @@ -576,7 +576,7 @@ class NewHeader extends Component { } matchpaths = (url) => { - console.log('@@@进入 newhead > matchpaths'); + // console.log('@@@进入 newhead > matchpaths'); const { match } = this.props; const hostname = window.location.hostname; const port = window.location.port; @@ -594,18 +594,18 @@ class NewHeader extends Component { } else { str = match.path; } - console.log(match.path) + // console.log(match.path) // console.log(str, (url + "/"), url && str === url); if (url && (str === url || str === (url + "/"))) { - console.log('@@@ matchpaths true'); - console.log('url:',url); - console.log('str:',str); + // console.log('@@@ matchpaths true'); + // console.log('url:',url); + // console.log('str:',str); return true } else { - console.log('@@@ matchpaths false'); - console.log('url:',url); - console.log('str:',str); + // console.log('@@@ matchpaths false'); + // console.log('url:',url); + // console.log('str:',str); return false }