|
|
|
@ -1,12 +1,12 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="device-data-chart"> |
|
|
|
<div class="device-data-chart"> |
|
|
|
<v-chart |
|
|
|
<v-chart |
|
|
|
class="chart" |
|
|
|
|
|
|
|
ref="chartRef" |
|
|
|
ref="chartRef" |
|
|
|
:option="chartOption" |
|
|
|
|
|
|
|
:autoresize="autoresize" |
|
|
|
:autoresize="autoresize" |
|
|
|
:loading-options="loadingOpt" |
|
|
|
|
|
|
|
:loading="loading" |
|
|
|
:loading="loading" |
|
|
|
|
|
|
|
:loading-options="loadingOpt" |
|
|
|
|
|
|
|
:option="chartOption" |
|
|
|
|
|
|
|
class="chart" |
|
|
|
@click="onChartClick" |
|
|
|
@click="onChartClick" |
|
|
|
@legendselectchanged="changeLegend" |
|
|
|
@legendselectchanged="changeLegend" |
|
|
|
/> |
|
|
|
/> |
|
|
|
@ -14,7 +14,7 @@ |
|
|
|
<LineChartDlg ref="LineChartDlgRef" @on-save="onChangeCoefficient"/> |
|
|
|
<LineChartDlg ref="LineChartDlgRef" @on-save="onChangeCoefficient"/> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
<script lang="ts" setup> |
|
|
|
import Big from 'big.js' |
|
|
|
import Big from 'big.js' |
|
|
|
import dayjs from 'dayjs' |
|
|
|
import dayjs from 'dayjs' |
|
|
|
import VChart from 'vue-echarts' |
|
|
|
import VChart from 'vue-echarts' |
|
|
|
@ -205,6 +205,7 @@ const chartOption = computed<EChartsOption>(() => { |
|
|
|
|
|
|
|
|
|
|
|
let relVal = timeStr |
|
|
|
let relVal = timeStr |
|
|
|
const findNearest = (data: any[], target: number) => { |
|
|
|
const findNearest = (data: any[], target: number) => { |
|
|
|
|
|
|
|
if (!data || data.length === 0) return null |
|
|
|
let left = 0 |
|
|
|
let left = 0 |
|
|
|
let right = data.length - 1 |
|
|
|
let right = data.length - 1 |
|
|
|
let nearest = data[0] |
|
|
|
let nearest = data[0] |
|
|
|
@ -367,7 +368,7 @@ function changeLegend(data: { name: string; selected: Record<string, boolean> }) |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.device-data-chart { |
|
|
|
.device-data-chart { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
|