dev
/
GScreenWEB_TPMes
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

数据微调

This commit is contained in:
ljx 2025-04-17 12:27:22 +08:00
parent 63ff05e0da
commit 244e94ab95
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/baozuo-demo2/CenterCmp.vue
View File

@ -301,7 +301,7 @@ export default {
{ {
name: '合格率目标', name: '合格率目标',
type: 'line', type: 'line',
data: [98, 98, 98, 98, 98, 98,98], data: [98, 98, 98, 98, 97, 96,95],
symbolSize: 10, symbolSize: 10,
itemStyle: { itemStyle: {
color: '#FFA500' // 橙色折线 color: '#FFA500' // 橙色折线
@ -375,7 +375,7 @@ export default {
detail: { detail: {
fontSize: 24, fontSize: 24,
offsetCenter: [0, '-10%'], offsetCenter: [0, '-10%'],
color: '#fff', color: value < 90 ? '#FF0000' : '#fff', // 低于90显示红色，否则白色
formatter: '{value}%' formatter: '{value}%'
}, },
data: [{ value }] data: [{ value }]
@ -470,14 +470,14 @@ export default {
justify-content: center; justify-content: center;
.inspection-title { .inspection-title {
font-size: 28px; font-size: 30px;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.inspection-value { .inspection-value {
font-size: 40px; font-size: 44px;
color: #08e5ff; color: #08e5ff;
font-weight: bold; font-weight: bold;
} }

14
src/components/baozuo-demo2/pieChart.vue
View File

@ -66,8 +66,6 @@
}, },
]; ];
const colorList = ['#3de7c9','#88a8f4','#FFD700','#08e5ff', '#FF69B4', '#9370DB'];
const sum = chartData.reduce((per, cur) => per + cur.value, 0);
var myChart = echarts.init(document.getElementById('pieId-new')); var myChart = echarts.init(document.getElementById('pieId-new'));
this.option = { this.option = {
@ -109,25 +107,29 @@
}, },
series: [{ series: [{
type: 'radar', type: 'radar',
colorBy: 'data', // 添加这一行，根据数据值改变颜色
data: [{ data: [{
value: chartData.map(item => item.value), value: chartData.map(item => item.value),
name: '产量统计', name: '产量统计',
areaStyle: { areaStyle: {
color: 'rgba(8, 229, 255, 0.4)' // 修改为浅蓝色#08e5ff color: 'rgba(8, 229, 255, 0.4)'
}, },
lineStyle: { lineStyle: {
width: 2, width: 2,
color: '#08e5ff' // 修改为浅蓝色#08e5ff color: '#08e5ff'
}, },
symbolSize: 8, symbolSize: 8,
itemStyle: {
color: '#FFFFFF'
},
label: { label: {
show: true, show: true,
formatter: function(params) { formatter: function(params) {
return params.value; return params.value;
}, },
color: '#fff', color: '#FFFFFF',
fontWeight: 'bold', fontWeight: 'bold',
fontSize: 20 fontSize: 24
} }
}] }]
}] }]