问题描述

Q:时间轴如何显示时间点阴影连线
Q:体温单、三测单如何绘制阴影区域

解决方案

方案一:修改时间轴模板xml,使用relationId属性指定关联显示阴影的时间数据集Id

如下所示,脉搏时间点关联心率时间点产生阴影线

<Cell id='maibo' name='脉搏'>
    <YAxisCell relationId='xinlv'

配置截图如下

方案二:「实验性的」使用时间点shadow相关属性绘制阴影

本示例是实验性的,优先沿用绘制阴影已有的旧模式

  • 相关配置:shadowSymbol、shadowColor、shadowSize、shadowValue
  • 注意:如配置了relationId仍然是独立有效的
let timeDataArr = 
[
    {
        "id": "tiwen",
        "shadowSymbol": "o",
        "shadowColor": "ff0000",
        "shadowSize": 0.50,
        "timeData": [
            {
                "time": "2024-01-12 24:00:00",
                "value": 38.00
            },
            {
                "time": "2024-01-13 07:00:00",
                "value": 38.40,
                "shadowValue": 38.80
            },
            {
                "time": "2024-01-13 11:00:00",
                "value": 38.00,
                "shadowValue": 38.50
            },
            {
                "time": "2024-01-13 14:00:00",
                "value": 37.80,
                "shadowValue": 38.20
            },
            {
                "time": "2024-01-13 17:00:00",
                "value": 38.40
            },
            {
                "time": "2024-01-13 21:00:00",
                "value": 38.00
            }
        ]
    }
];
    thinkEdiotr.SetTimeData(jsonDataArr);
    thinkEdiotr.UpdateTimeAxis("");

效果

文档更新时间: 2026-05-23 18:59   作者:admin