From 264880703c677d63b7e35b5eb085e6bc3214e3ed Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 17 七月 2024 18:29:31 +0800
Subject: [PATCH] 2024.7.17
---
src/utils/chart/chart-option.js | 188 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 185 insertions(+), 3 deletions(-)
diff --git a/src/utils/chart/chart-option.js b/src/utils/chart/chart-option.js
index bd9de70..06357e1 100644
--- a/src/utils/chart/chart-option.js
+++ b/src/utils/chart/chart-option.js
@@ -14,7 +14,8 @@
return fontSize;
}
-function factorLineOption(_xAxis, _series, legends) {
+// 鎶樼嚎鍥�
+function factorLineOption(_xAxis, _series) {
var fontSize = fGetChartFontSize();
return {
animationEasing: 'elasticOut',
@@ -38,7 +39,7 @@
},
legend: {
type: 'scroll',
- data: legends,
+ // data: legends,
left: 0,
textStyle: {
fontSize: fontSize,
@@ -97,4 +98,185 @@
};
}
-export { factorLineOption };
+// 鎶樼嚎鍥�
+function smallLineOption(_xAxis, _series) {
+ var fontSize = fGetChartFontSize();
+ return {
+ animationEasing: 'elasticOut',
+ animationDelayUpdate: function (idx) {
+ return idx * 5;
+ },
+ tooltip: {
+ textStyle: {
+ fontSize: fontSize
+ }
+ },
+ grid: {
+ left: '11%',
+ right: '2%',
+ top: '7%',
+ bottom: '20%'
+ },
+ legend: {
+ show: false
+ },
+ xAxis: [
+ {
+ show: true,
+ // name: '鏃堕棿',
+ // type: 'time',
+ data: _xAxis,
+ axisLabel: {
+ textStyle: {
+ fontSize: fontSize
+ },
+ color: '#ffffff',
+ textBorderColor: '#fff'
+ },
+ axisTick: {
+ lineStyle: {
+ color: 'white'
+ },
+ intervel: 0,
+ inside: false
+ },
+
+ nameTextStyle: {
+ color: '#ffffff'
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#ffffff'
+ }
+ }
+ },
+ { show: true }
+ ],
+ yAxis: [
+ {
+ // name: '娴撳害(渭g/m鲁)',
+ // type: 'time',
+ axisLabel: {
+ textStyle: {
+ fontSize: fontSize
+ }
+ },
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: 'white'
+ }
+ },
+ axisTick: {
+ show: false,
+ lineStyle: {
+ color: 'white'
+ }
+ },
+ splitLine: {
+ show: false
+ },
+ minInterval: 1,
+ intervel: 1,
+ min: function (value) {
+ return Math.floor(value.min);
+ },
+ max: function (value) {
+ return Math.ceil(value.max);
+ }
+ },
+ {
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: 'white'
+ }
+ }
+ }
+ ],
+ series: _series
+ };
+}
+
+// 浠〃鐩�
+function gaugeOption(name, value) {
+ // var fontSize = fGetChartFontSize();
+ var option = {
+ // title: {
+ // text: name,
+ // textStyle: {
+ // color: 'white',
+ // fontSize: fontSize
+ // },
+ // left: 'center'
+ // },
+ textStyle: {
+ color: '#ffffff',
+ fontSize: 10
+ },
+ tooltip: {
+ formatter: '{a} : {c}km/h'
+ },
+ toolbox: {
+ // feature: {
+ // restore: {},
+ // saveAsImage: {}
+ // }
+ },
+ series: [
+ {
+ name: name,
+ type: 'gauge',
+ title: {
+ color: 'white',
+ offsetCenter: [0, '50%']
+ },
+ detail: {
+ color: 'white',
+ formatter: '{value}km/h',
+ textStyle: {
+ fontSize: 18
+ },
+ offsetCenter: [0, '80%']
+ },
+ splitLine: {
+ lineStyle: {
+ color: 'white'
+ }
+ },
+ axisTick: {
+ lineStyle: {
+ color: 'white'
+ }
+ },
+ axisLabel: {
+ color: 'white',
+ fontSize: 10
+ },
+ axisLine: {
+ // lineStyle: {
+ // color: [
+ // [0.2, '#2afd2a'],
+ // [0.8, '#f1e74d'],
+ // [1, '#c23531']
+ // ]
+ // }
+ },
+ itemStyle: {
+ color: 'white'
+ },
+ data: [
+ {
+ value: value,
+ name: '杞﹂��'
+ }
+ ],
+ min: 0,
+ max: 200
+ }
+ ]
+ };
+ return option;
+}
+
+export { factorLineOption, smallLineOption, gaugeOption };
--
Gitblit v1.9.3