From a09f984cbe2369e13d8694e91c4f8165ec6c2ba9 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 20 八月 2025 14:05:10 +0800
Subject: [PATCH] 动态溯源模块优化
---
src/utils/chart/chart-option.js | 86 +++++++++++++++++++++++++++++++++++--------
1 files changed, 70 insertions(+), 16 deletions(-)
diff --git a/src/utils/chart/chart-option.js b/src/utils/chart/chart-option.js
index 06357e1..3395e29 100644
--- a/src/utils/chart/chart-option.js
+++ b/src/utils/chart/chart-option.js
@@ -14,6 +14,38 @@
return fontSize;
}
+function baseVisualMap(area) {
+ const _pieces = [];
+ area.forEach((v, i) => {
+ // if (i == 0) {
+ // _pieces.push({
+ // lt: v[0],
+ // color: 'green'
+ // });
+ // }
+ _pieces.push({
+ gte: v[0],
+ lte: v[1],
+ color: 'red'
+ });
+ });
+ // const lastOne = area[area.length - 1];
+ // _pieces.push({
+ // gt: lastOne[1],
+ // color: 'green'
+ // });
+ return {
+ type: 'piecewise',
+ // type: 'continuous',
+ show: false,
+ dimension: 0,
+ pieces: _pieces,
+ outOfRange: {
+ color: ['#5470c6']
+ }
+ };
+}
+
// 鎶樼嚎鍥�
function factorLineOption(_xAxis, _series) {
var fontSize = fGetChartFontSize();
@@ -22,16 +54,27 @@
animationDelayUpdate: function (idx) {
return idx * 5;
},
- // toolbox: {
- // bottom: 0,
- // feature: {
- // dataZoom: {},
- // magicType: {
- // type: ['line', 'bar']
- // },
- // restore: {}
- // }
- // },
+ toolbox: {
+ // bottom: 0,
+ feature: {
+ // dataZoom: {},
+ // magicType: {
+ // type: ['line', 'bar']
+ // },
+ // restore: {
+ // title: '鍒锋柊'
+ // },
+ saveAsImage: {
+ show: true,
+ backgroundColor: '#122b54a9',
+ name: '璧拌埅鐩戞祴鍥�',
+ title: '淇濆瓨涓哄浘鐗�',
+ iconStyle: {
+ borderColor: '#fff'
+ }
+ }
+ }
+ },
tooltip: {
textStyle: {
fontSize: fontSize
@@ -48,6 +91,8 @@
},
xAxis: {
name: '鏃堕棿',
+ nameLocation: 'middle',
+ nameGap: 30,
data: _xAxis,
axisLabel: {
textStyle: {
@@ -74,7 +119,16 @@
}
},
yAxis: {
- name: '娴撳害(渭g/m鲁)',
+ name: '娴撳害(渭g/m鲁)/娓╁害(鈩�)/閫熷害(m/s)',
+ nameLocation: 'middle',
+ nameGap: 30,
+ // nameTruncate: {
+ // maxWidth: 100,
+ // ellipsis: '...'
+ // },
+ // nameTextStyle: {
+ // color: 'red'
+ // },
axisLabel: {
textStyle: {
fontSize: fontSize
@@ -99,7 +153,7 @@
}
// 鎶樼嚎鍥�
-function smallLineOption(_xAxis, _series) {
+function smallLineOption(_xAxis, _series, yMinInterval) {
var fontSize = fGetChartFontSize();
return {
animationEasing: 'elasticOut',
@@ -112,10 +166,10 @@
}
},
grid: {
- left: '11%',
+ left: '12%',
right: '2%',
top: '7%',
- bottom: '20%'
+ bottom: '30%'
},
legend: {
show: false
@@ -176,7 +230,7 @@
splitLine: {
show: false
},
- minInterval: 1,
+ minInterval: yMinInterval ? yMinInterval : 1,
intervel: 1,
min: function (value) {
return Math.floor(value.min);
@@ -279,4 +333,4 @@
return option;
}
-export { factorLineOption, smallLineOption, gaugeOption };
+export { factorLineOption, smallLineOption, gaugeOption, baseVisualMap };
--
Gitblit v1.9.3