From 9c803f20cc05395bac2d3386accfe230210c07dc Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 19 十二月 2022 20:58:31 +0800
Subject: [PATCH] 1
---
src/components/echart31.vue | 39 +++++++++++++++++++++------------------
1 files changed, 21 insertions(+), 18 deletions(-)
diff --git a/src/components/echart31.vue b/src/components/echart31.vue
index d14d853..53627a1 100644
--- a/src/components/echart31.vue
+++ b/src/components/echart31.vue
@@ -10,43 +10,46 @@
components: {},
data() {
//杩欓噷瀛樻斁鏁版嵁
- return {};
+ return { myChart };
},
mounted() {
this.lineChart();
+ this.$bus.$on('resizeEchart', (res) => {
+ this.myChart.resize();
+ });
},
//鏂规硶闆嗗悎
methods: {
lineChart() {
let option = {
title: {
- text: "椤圭洰绫诲埆",
+ text: '椤圭洰绫诲埆',
textStyle: {
- color: "#fff",
+ color: '#fff',
},
},
tooltip: {
- trigger: "item",
+ trigger: 'item',
},
legend: {
- top: "5%",
- right: "0",
+ top: '5%',
+ right: '0',
textStyle: {
fontSize: 12,
- color: "#fff",
+ color: '#fff',
},
},
series: [
{
- name: "椤圭洰绫诲埆",
- type: "pie",
- radius: ["45%", "55%"],
+ name: '椤圭洰绫诲埆',
+ type: 'pie',
+ radius: ['45%', '55%'],
// avoidLabelOverlap: false,
label: {
- formatter: "{b}锛歿c}",
+ formatter: '{b}锛歿c}',
textStyle: {
fontSize: 12,
- color: "#fff",
+ color: '#fff',
},
},
@@ -54,16 +57,16 @@
// show: false,
},
data: [
- { value: 2, name: "绔欏満绫�" },
- { value: 5, name: "绠￠亾绫�" },
+ { value: 2, name: '绔欏満绫�' },
+ { value: 5, name: '绠￠亾绫�' },
],
},
],
};
- let myChart = this.$echarts.init(document.getElementById("echart31"));
- myChart.setOption(option);
- window.addEventListener("resize", function () {
- myChart.resize();
+ this.myChart = this.$echarts.init(document.getElementById('echart31'));
+ this.myChart.setOption(option);
+ window.addEventListener('resize', function () {
+ this.myChart.resize();
});
},
},
--
Gitblit v1.9.3