web
2025-04-14 0c026f9cb1ccd39690a118af70023fe29f051388
src/views/screen/temperature/graphic/index.vue
@@ -3,6 +3,7 @@
import * as echarts from 'echarts/core';
import html2canvas from "html2canvas";
const startTime = ref()
const endTime = ref()
const searchVal = ref()
@@ -78,20 +79,6 @@
                data: sdata,
                type: 'line',
                areaStyle: {},
                markLine: {
                    symbol: 'none',
                    label: {
                        show: false
                    },
                    data: [
                        {
                            yAxis: maxData
                        },
                        {
                            yAxis: minData
                        }
                    ]
                },
            }
        ],
        visualMap: [
@@ -101,16 +88,8 @@
                dimension: 1,
                seriesIndex: 0,
                pieces: [
                    {
                        // 不指定 min,表示 min 为无限大(-Infinity)。
                        max: minData, // 没有设置最小值,表明当前范围 [-Infinity, max] 变色
                        color: 'red'
                    },
                    {
                        // 不指定 max,表示 max 为无限大(Infinity)。
                        min: maxData, // 没有设置最大值,表明当前范围 [min, Infinity] 变色
                        color: 'red'
                    }
                    {max: minData, color: 'red'},
                    { min: maxData, color: 'red'}
                ],
                outOfRange: { // 在选中范围外 的视觉元素,这里设置在正常范围内的图形颜色
                    color: '#8EE5FA'
@@ -278,7 +257,6 @@
        flex-shrink: 0;
        width: 80%;
        height: 100%;
        background: linear-gradient(180deg, #91BDDB 0%, rgba(102, 102, 102, 0.5) 100%);
        .graphic-tool {
            width: 100%;
            height: 60px;
@@ -311,6 +289,7 @@
        .graphic-box{
            height: calc(100% - 60px);
            padding: 10px 30px;
            background: linear-gradient(180deg, #91BDDB 0%, rgba(102, 102, 102, 0.5) 100%);
            .chartList{
                height: 100%;
                display: flex;