ID1825-ktv趋势图优化

zhangchen

2025-07-25 9964c4fa44ff6c89b0dc1ccc3d6a1a1699180615

 src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue

@@ -451,10 +451,10 @@
        symbolSize: 6,
        lineStyle: {
          width: 2,
          color: "#70CAAE",
          color: '#70CAAE',
        },
        itemStyle: {
          color: "#70CAAE",
          color: (params: any) => getColor(params.value),
        },
      },
    ],
@@ -464,6 +464,12 @@
  };

  chart.setOption(option, true); // 第二个参数为 true 表示全量更新
};

const getColor = (val: number) => {
  if (val < 1.2) return "#FE0201"; // 红色
  if (val <= 1.6) return "#70CAAE"; // 绿色
  return "#FE6500"; // 橙色
};

/** 生成血压脉搏趋势图 */
@@ -491,9 +497,9 @@

  const option = {
    grid: [
      { top: "10%", height: "25%", left: 30, right: 20 },
      { top: "38%", height: "25%", left: 30, right: 20 },
      { top: "66%", height: "25%", left: 30, right: 20 },
      { top: "5%", height: "28%", left: 40, right: 20, containLabel: true },
      { top: "35%", height: "28%", left: 40, right: 20, containLabel: true },
      { top: "65%", height: "28%", left: 40, right: 20, containLabel: true },
    ],
    tooltip: {
      trigger: "axis",
@@ -508,6 +514,7 @@
        axisLabel: { show: false },
        splitLine: { show: false },
        gridIndex: 0,
        show: false,
      },
      {
        type: "category",
@@ -518,6 +525,7 @@
        axisLabel: { show: false },
        splitLine: { show: false },
        gridIndex: 1,
        show: false,
      },
      {
        type: "category",
@@ -528,6 +536,7 @@
        axisLabel: { show: true }, // 最下面一层显示时间轴
        splitLine: { show: false },
        gridIndex: 2,
        show: false,
      },
    ],
    yAxis: [
@@ -538,8 +547,9 @@
        axisTick: { show: false },
        axisLabel: { show: false },
        splitLine: { show: false },
        min: "dataMin", // 自动以数据最小值为最小值
        max: "dataMax",
        min: 0,
        max: 300,
        interval: 2,
        gridIndex: 0,
      },
      {
@@ -549,8 +559,9 @@
        axisTick: { show: false },
        axisLabel: { show: false },
        splitLine: { show: false },
        min: "dataMin", // 自动以数据最小值为最小值
        max: "dataMax",
        min: 0,
        max: 300,
        interval: 2,
        gridIndex: 1,
      },
      {
@@ -560,8 +571,9 @@
        axisTick: { show: false },
        axisLabel: { show: false },
        splitLine: { show: false },
        min: "dataMin", // 自动以数据最小值为最小值
        max: "dataMax",
        min: 0,
        max: 300,
        interval: 2,
        gridIndex: 2,
      },
    ],