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/PerSonnelProductivity.vue | 25 ++++++++++++++++---------
1 files changed, 16 insertions(+), 9 deletions(-)
diff --git a/src/views/cockpitPage/components/PerSonnelProductivity.vue b/src/views/cockpitPage/components/PerSonnelProductivity.vue
index f9ef786..4f11181 100644
--- a/src/views/cockpitPage/components/PerSonnelProductivity.vue
+++ b/src/views/cockpitPage/components/PerSonnelProductivity.vue
@@ -70,6 +70,9 @@
axisPointer: {
type: "none",
},
+ valueFormatter: function (value) {
+ return value + "%";
+ },
},
grid: {
right: "80px",
@@ -136,7 +139,7 @@
xAxis: [
{
type: "value",
- name: "鍗曚綅锛氫欢",
+ // name: "鍗曚綅锛氫欢",
// min: data.yAxis[0].min?data.yAxis.min:0,
minInterval: 1, //鍧愭爣杞存槸鏁存暟
max: Math.ceil(eval(`Math.max(${data.datay})`) / 5) * 5, //鏁版嵁鏈�澶у�煎姞3
@@ -236,7 +239,6 @@
},
getChartRight(chartName, data) {
let chartDom = this.$refs[chartName];
- // let myRightChart = echarts.init(chartDom);
if (
myRightChart != null &&
myRightChart != "" &&
@@ -246,22 +248,27 @@
}
myRightChart = echarts.init(chartDom);
let img = "/cockpitPage/dotted-circle.png";
+ let height = myRightChart.getHeight() / 1;
+ let width = height + 5;
let option;
if (data) {
option = {
color: ["#dcb018", "#735b09", "#ebd68e", "#c7b36e"],
tooltip: {
trigger: "item",
+ valueFormatter: function (value) {
+ return value + "%";
+ },
},
graphic: {
elements: [
{
type: "image",
- z: 3,
+ // z: 3,
style: {
image: img,
- width: 240,
- height: 240,
+ width: width,
+ height: height,
},
left: "center",
top: "center",
@@ -286,8 +293,8 @@
borderRadius: 4,
formatter: function (params) {
let label =
- params.name.length > 5
- ? `${params.name.slice(0, 4)}...`
+ params.name.length > 4
+ ? `${params.name.slice(0, 3)}...`
: params.name;
return `{a|${label}} {b|${params.value + "%"}}`;
},
@@ -350,7 +357,7 @@
.chart-left {
width: calc(60% - 20px);
- height: 100%;
+ height: calc(100% - 20px);
margin-right: 20px;
float: left;
border: 1px solid #00ffff;
@@ -360,7 +367,7 @@
.chart-right {
width: 40%;
float: left;
- height: 100%;
+ height: calc(100% - 20px);
position: relative;
.chart-bg {
width: 100%;
--
Gitblit v1.8.0