描述

修改时间轴默认起止时间范围。

  • 注意：可以依次调用多个配置接口
  • 所有时间轴配置接口设置完成后，应当调用UpdateTimeAxis()接口更新时间轴显示

接口

bool SetTimeData(const char* jsonDataArr)
设置X轴数据
HTML
|
运行代码 
 thinkEditor.SetTimeAxisConfig("", {
    clean: true,
    grid: {
      beginTime: "2024-01-09 00:00:00",
      endTime: "2024-01-22 23:59:59",
    },
  });

  thinkEditor.SetTimeData([
    {
      id: "huxi",
      timeData: [
        { time: "2024-01-11 02:00:00", text: "55" },
        { time: "2024-01-12 12:00:00", text: "50" },
      ],
    },
  ]);
  thinkEditor.UpdateTimeAxis(""); //必要

参数

参数名 必填 类型 说明 备注
jsonDataArr 是 json数组
jsonCfg 是 json配置项

jsonDataArr-参数格式

[
    {
        "id": "tiwen",
        "timeData": [
            {
                "time": "2021-09-09 00:00:00",
                "value": 39.500,
                "lanternValue": 37.500,
                "text": "入院",
            }，
            {
                "time": "2021-09-09 12:00:00",
                "value": 39.500,
                "lanternValue": 37.500
            }
        ]
    }
]
字段 值 说明 备注
id string 数据集ID 不可为空
mode bool 设置数据模式 0:默认，清空再添加 1:追加
「实验性的」shadowSymbol string 阴影点显示符号 示例:”o”
「实验性的」shadowColor RGB 阴影点和线颜色 示例：”ff0000”
「实验性的」shadowSize float 阴影符号显示尺寸 单位cm

timeData-参数格式

字段 值 说明 备注
time time string 单位：秒 示例：2021-09-09 00:00:00 不可为空
value float 数值 专用于Y轴 时间绘点的Y轴偏移位置。对于X轴value值无效
lanternValue float 灯笼值 专用于Y轴 时间绘点的Y轴偏移位置。对于X轴value值无效
lanternSymbol string 灯笼值图标 默认跟随Y轴lanternSymbol配置，可使用本属性独立配置。示例：△
lanternUpColor RGB str 灯笼值 升高颜色 默认跟随Y轴lanternUpColor配置，默认为红色
lanternDownColor RGB str 灯笼值 降低颜色 默认跟随Y轴lanternDownColor配置，默认为红色
text string 文本 X轴单元格文本内容
color RGB str text颜色 示例：红色 “FF0000”
fragment string x轴自定义内容 注意：value和text为空时，fragment才有效。示例：<Paragraph spaceAfter='0.45'><Font size='0.31' color='1e90ff' cfg='10' />R</Paragraph>
label string 顶部位置文本 网格线区域的标签文本。X轴或Y轴有效。例如：入院 八时十分
labelColor RGB str label颜色 示例：红色 “FF0000”。label不为空时有效
tag string 底部位置文本 网格线区域的标签文本。X轴或Y轴有效。例如：拒测。
tagColor RGB str tag颜色 示例：红色 “FF0000”。tag不为空时有效
tagOffsetY float tag显示位置Y偏移。单位:厘米
symbol string 时间点符号文本 注意：当symbol不为空时，使用对应Y轴配置的默认时间点符号
symbolFont string 时间点符号字体 symbol不为空时，必须正确填写。示例：”宋体”
symbolSize float 时间点符号尺寸 单位:厘米 symbol不为空时有效
symbolColor RGB str 时间点符号颜色 示例：红色 “FF0000”。symbol不为空时有效
breakLine bool 断线 该时间点和下个时间点之间 不绘线
「实验性的」shadowValue float 阴影值 专用于Y轴 时间绘点的Y轴偏移位置。对于X轴value值无效

返回值

类型 说明 备注
bool json数据格式是否正确 0: 不正确 1：正确

使用案例

    thinkEdiotr.SetTimeData(jsonDataArr);
    thinkEdiotr.UpdateTimeAxis("");

「实验性的」绘制阴影

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

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-05 20:00   作者：admin