| | |
|---|
| | | { deep: true } |
|---|
| | | ); |
|---|
| | | |
|---|
| | | watch( |
|---|
| | | () => props.height, |
|---|
| | | () => { |
|---|
| | | generateKtvListEchart(pageData.value.ktvList); |
|---|
| | | generatBloodPressureAndPulseEchart(pageData.value.monitoringRecord); |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | |
|---|
| | | /** 生成ktv趋势图 */ |
|---|
| | | const generateKtvListEchart = (ktvList: KtvItem[]) => { |
|---|
| | | if (!ktvListEchartRef.value) return; |
|---|
| | |
|---|
| | | color: "#70CAAE", |
|---|
| | | }, |
|---|
| | | itemStyle: { |
|---|
| | | color: "#70CAAE", |
|---|
| | | color: (params: any) => getColor(params.value), |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | |
|---|
| | | chart.setOption(option, true); // 第二个参数为 true 表示全量更新 |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const getColor = (val: number) => { |
|---|
| | | if (val < 1.2) return "#FE0201"; // 红色 |
|---|
| | | if (val <= 1.6) return "#70CAAE"; // 绿色 |
|---|
| | | return "#FE6500"; // 橙色 |
|---|
| | | }; |
|---|
| | | |
|---|
| | | /** 生成血压脉搏趋势图 */ |
|---|
| | | const generatBloodPressureAndPulseEchart = ( |
|---|
| | | bloodPressureAndPulses: MonitoringRecord[] |
|---|
