From c467a598f23fd81cf624e0abc5f012fb5c9c6ada Mon Sep 17 00:00:00 2001 From: huangxiaoqiang <1247017146@qq.com> Date: 星期五, 25 四月 2025 09:54:00 +0800 Subject: [PATCH] 1 --- CodeManagement/BigScreenVue/src/components/echart/centerLeft1Chart/chart.vue | 29 ++++++++++++++++++++--------- 1 files changed, 20 insertions(+), 9 deletions(-) diff --git a/CodeManagement/BigScreenVue/src/components/echart/centerLeft/centerLeft3Chart/chart.vue b/CodeManagement/BigScreenVue/src/components/echart/centerLeft1Chart/chart.vue similarity index 69% rename from CodeManagement/BigScreenVue/src/components/echart/centerLeft/centerLeft3Chart/chart.vue rename to CodeManagement/BigScreenVue/src/components/echart/centerLeft1Chart/chart.vue index 1c433c8..ef0c909 100644 --- a/CodeManagement/BigScreenVue/src/components/echart/centerLeft/centerLeft3Chart/chart.vue +++ b/CodeManagement/BigScreenVue/src/components/echart/centerLeft1Chart/chart.vue @@ -2,15 +2,15 @@ <div> <Echart :options="options" - id="centreLeft3Chart" + id="centreLeft1Chart" height="220px" - width="260px" + width="360px" ></Echart> </div> </template> <script> -import Echart from '@/common/echart' +import * as echarts from 'echarts'; export default { data () { return { @@ -18,7 +18,7 @@ }; }, components: { - Echart, + echarts, }, props: { cdata: { @@ -33,8 +33,19 @@ color: [ "#37a2da", "#32c5e9", - "#ccc", + "#9fe6b8", + "#ffdb5c", + "#ff9f7f", + "#fb7293", + "#e7bcf3", + "#8378ea" ], + legend:{ + textStyle:{ + color:"#ffffff", + fontSize:18 + } + }, tooltip: { trigger: "item", formatter: "{a} <br/>{b} : {c} ({d}%)" @@ -55,11 +66,11 @@ }, series: [ { - name: "璐т綅鐘舵��", + name: "閫氳繃鐜囩粺璁�", type: "pie", - radius: [10, 50], - // roseType: "area", - center: ["50%", "40%"], + radius: [20, 60], + roseType: "area", + center: ["50%", "50%"], data: newData.seriesData } ] -- Gitblit v1.9.3