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 | 38 ++++++++++++++++++++++++++++---------- 1 files changed, 28 insertions(+), 10 deletions(-) diff --git a/web/src/views/modules/taskReliability/SimulatCurve.vue b/web/src/views/modules/taskReliability/SimulatCurve.vue index 75ea122..b748c28 100644 --- a/web/src/views/modules/taskReliability/SimulatCurve.vue +++ b/web/src/views/modules/taskReliability/SimulatCurve.vue @@ -11,17 +11,19 @@ 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 = { - title:{ - text:'浠跨湡鍙潬搴︽敹鏁涙洸绾垮浘', + initEcharts(taskId, samplPeriod) { + this.option = { + title: { + text: '', textStyle: { // 涓绘爣棰樻枃鏈牱寮弡"fontSize": 18,"fontWeight": "bolder","color": "#333"} fontFamily: 'Arial', fontSize: 20, @@ -30,20 +32,36 @@ } }, xAxis: { - data: [10, 30, 50, 70, 90, 110, 130,150,170], - name:'浠跨湡娆℃暟' + data: [], + name: '浠跨湡娆℃暟' }, yAxis: {}, series: [ { - data: [15, 85, 75, 25, 65,35,55,45,50], + 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