From 43a85ad899a3b0b27b50967ff7e11f25d93edd4b Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期三, 24 七月 2024 10:41:17 +0800
Subject: [PATCH] 修改
---
web/src/views/modules/taskReliability/SimulatCurve.vue | 42 +++++++++++++++++++++++++++++++++++-------
1 files changed, 35 insertions(+), 7 deletions(-)
diff --git a/web/src/views/modules/taskReliability/SimulatCurve.vue b/web/src/views/modules/taskReliability/SimulatCurve.vue
index dbe4b67..b748c28 100644
--- a/web/src/views/modules/taskReliability/SimulatCurve.vue
+++ b/web/src/views/modules/taskReliability/SimulatCurve.vue
@@ -11,29 +11,57 @@
name: 'SimulatCurve',
data() {
return {
+ xDataList: [],
+ yDataList: [],
myChart: {},
- myChartStyle: {float: "left", width: "100%", height: "400px"} //鍥捐〃鏍峰紡
+ myChartStyle: {float: "left", width: "100%", height: "600px"}, //鍥捐〃鏍峰紡
+ option: {}
}
},
components: {},
methods: {
- initEcharts(CurveData) {
- console.log(eval(CurveData), 'initEcharts(CurveData)')
- const option = {
+ initEcharts(taskId, samplPeriod) {
+ this.option = {
+ title: {
+ text: '',
+ textStyle: { // 涓绘爣棰樻枃鏈牱寮弡"fontSize": 18,"fontWeight": "bolder","color": "#333"}
+ fontFamily: 'Arial',
+ fontSize: 20,
+ fontStyle: 'normal',
+ fontWeight: 'normal',
+ }
+ },
xAxis: {
- data: eval(CurveData)[0]
+ data: [],
+ name: '浠跨湡娆℃暟'
},
yAxis: {},
series: [
{
- data: eval(CurveData)[1],
+ data: [],
type: 'line',
smooth: true
}
]
};
+ this.getEchart(taskId, samplPeriod)
+
+ },
+ async getEchart(taskId, samplPeriod) {
+ let task = await this.$http.get(`/taskReliability/Task/${taskId}`)
+ samplPeriod = samplPeriod / 60
+ let i = 0
+ for (i = 0; i + samplPeriod <= task.taskDuration; i += samplPeriod) {
+ this.series[0].data.push(i);
+ }
+ if (i !== task.taskDuration) {
+ this.series[0].data.push(task.taskDuration);
+ }
+
+
+
this.myChart = echarts.init(document.getElementById("mychart"));
- this.myChart.setOption(option);
+ this.myChart.setOption(this.option);
//闅忕潃灞忓箷澶у皬璋冭妭鍥捐〃
window.addEventListener("resize", () => {
this.myChart.resize();
--
Gitblit v1.9.1