折线图与多折线图:时间趋势和系列对比
折线图适合观察连续时间内的变化,例如每日销售、产量或温度。数据需要同时包含横轴字段和可用数值。
先整理时间顺序
将日期统一成稳定格式,例如 2026-01-01,并在导入文件、SQL 或 API 中按时间排序。文本日期乱序时,修改线条颜色不能解决曲线顺序问题。
同一时刻有多条记录时,先决定是按门店拆分,还是汇总后展示总量。
配置 X 轴和 Y 轴
加入折线图,在数据设置中选择数据,将 x 映射到 date,y 映射到 sales 等数值字段。先确认一条线的数据正确,再添加其他系列。
不同指标采用同一图表时,标题、单位和坐标范围应能准确解释差异。
多折线图
在「子组件管理」逐个选中系列,设置数据与字段。需要对比两个门店时,为每个系列设置对应的门店筛选值;系列名称本身不会筛选原始数据。
展示建议
图例中保留简短名称;不要用过多系列遮挡变化。采样间隔过密或设备上报量太大时,先按业务需求整理,而不是直接把所有原始点放到屏幕上。
更新验证
SQL/API 数据配置好刷新后,改变一条受控测试记录,核对曲线是否更新。MQTT 单条消息不自动变成完整历史曲线,需要数据源提供相应历史或整理结果。