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

中间环形颜色调整

This commit is contained in:
ljx 2025-03-14 11:28:43 +08:00
parent 27fe855a2e
commit aceebceef7
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/baozuo-demo/pieChart.vue
View File

@ -19,15 +19,15 @@
</div> </div>
<div class="item-box" style="top: 100px;right: 0;text-align: left;"> <div class="item-box" style="top: 100px;right: 0;text-align: left;">
<div class="item-value-box"> <div class="item-value-box">
<div class="triangle-right" style="border-left:20px solid #ffdc9d;"></div> <div class="triangle-right" style="border-left:20px solid #FFD700;"></div>
<p class="item-value" style="color: #ffdc9d;">{{ testchartData[2].value }}</p> <p class="item-value" style="color: #FFD700;">{{ testchartData[2].value }}</p>
</div> </div>
<p class="item-name">{{ testchartData[2].name }}</p> <p class="item-name">{{ testchartData[2].name }}</p>
</div> </div>
<div class="item-box" style="top: 300px;right: 0;"> <div class="item-box" style="top: 300px;right: 0;">
<div class="item-value-box"> <div class="item-value-box">
<div class="triangle-right" style="border-left:20px solid #eb7e41;"></div> <div class="triangle-right" style="border-left:20px solid #08e5ff;"></div>
<p class="item-value" style="color: #eb7e41;">{{ testchartData[3].value }}</p> <p class="item-value" style="color: #08e5ff;">{{ testchartData[3].value }}</p>
</div> </div>
<p class="item-name">{{ testchartData[3].name }}</p> <p class="item-name">{{ testchartData[3].name }}</p>
</div> </div>
@ -71,7 +71,7 @@
name: "组件产量", name: "组件产量",
}, },
], ],
color: ['#3de7c9','#88a8f4','#ffdc9d','#eb7e41'], color: ['#3de7c9','#88a8f4','#FFD700','#08e5ff'],
lineWidth: 40, lineWidth: 40,
radius: '75%', radius: '75%',
activeRadius: '80%' activeRadius: '80%'
@ -213,7 +213,7 @@
// color: "#E5F2A7", // color: "#E5F2A7",
// }, // },
// ]), // ]),
'#3de7c9','#88a8f4','#ffdc9d','#eb7e41' '#3de7c9','#88a8f4','#FFD700','#08e5ff'
]; ];
const sum = chartData.reduce((per, cur) => per + cur.value, 0); const sum = chartData.reduce((per, cur) => per + cur.value, 0);
const gap = (1 * sum) / 100; const gap = (1 * sum) / 100;