From 1dbdda3517a01851d8d9894b22e61aa4462b541c Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期四, 07 十二月 2023 19:16:36 +0800
Subject: [PATCH] tooltip值优化
---
src/views/cockpitPage/components/MachineStartupRate.vue | 39 ++++++++++++++++++++++++++-------------
1 files changed, 26 insertions(+), 13 deletions(-)
diff --git a/src/views/cockpitPage/components/MachineStartupRate.vue b/src/views/cockpitPage/components/MachineStartupRate.vue
index e9eed89..8af3e2f 100644
--- a/src/views/cockpitPage/components/MachineStartupRate.vue
+++ b/src/views/cockpitPage/components/MachineStartupRate.vue
@@ -8,7 +8,7 @@
<span class="top-rate">{{ startupRate + "%" }}</span>
</div>
</div>
- <div class="chart" ref="chart"></div>
+ <div id="main" class="chart" ref="chart"></div>
</div>
</div>
</template>
@@ -16,6 +16,7 @@
<script>
//寮曞叆echart
import * as echarts from "echarts";
+let myChart;
export default {
components: {},
props: {
@@ -27,21 +28,20 @@
data() {
return {};
},
- mounted() {
- // let chartData = [
- // { value: 20, name: "闂茬疆" },
- // { value: 20, name: "缁翠慨" },
- // { value: 60, name: "宸ヤ綔" },
- // ];
- // this.pieChart("chart", chartData);
- },
+ mounted() {},
watch: {},
methods: {
//鍦ㄨ亴
pieChart(chartName, data) {
let chartDom = this.$refs[chartName];
- let myChart = echarts.init(chartDom);
+
+ if (myChart != null && myChart != "" && myChart != undefined) {
+ myChart.dispose(); //閿�姣�
+ }
+ myChart = echarts.init(chartDom);
let img = "/cockpitPage/machine-chart-bg.png";
+ let height = myChart.getHeight() / 1;
+ let width = height + 5;
let option;
if (data) {
option = {
@@ -54,11 +54,10 @@
{
type: "image",
z: 5,
- right: 25,
style: {
image: img,
- width: 240,
- height: 245,
+ width: width,
+ height: height,
opacity: 0.55,
},
left: "center",
@@ -114,6 +113,20 @@
};
option && myChart.setOption(option);
+ // window.addEventListener("resize", function () {
+ // // var chart = echarts.getInstanceByDom(document.getElementById("main"));
+ // let width = myChart.getWidth();
+ // let height = myChart.getHeight();
+ // console.log(width, height, "sssssssssss");
+ // let logo = myChart.getOption().graphic[0].elements[0];
+ // console.log(logo, "fffff");
+ // logo.style.width = width / 2;
+ // logo.style.height = height / 2;
+ // myChart.setOption({
+ // graphic: [logo],
+ // });
+ // myChart.resize();
+ // });
} else {
option = {};
myChart.setOption(option, true);
--
Gitblit v1.8.0