时序折线图
更新时间:2023-01-12
概述
时序折线图,用折线将各个数据点标志连接起来的图表,用于展现数据的变化趋势。 时序折线图的X轴为时间轴,适用于连续的时序数据,比如TSDB的数据。
特有静态属性
属性名称(key) | 描述 | 类型 |
---|---|---|
数据标记(showSymbol) | 折线是否显示数据标记 | boolean |
标记样式(symbol) | 折线标记/拐点 | 'circle' / 'emptyCircle' / 'rect' / 'roundRect' / 'triangle' / 'diamond' / 'pin' / 'arrow' |
标记大小(symbolSize) | 折线标记/拐点处大小 | int |
平滑曲线(ifSmooth) | 是否平滑曲线显示 | boolean |
数据堆叠(stackEnable) | 是否将数据堆叠显示 | boolean |
时间格式(xAxisLabelFormatter) | 时间轴刻度标签的内容格式器 | 'YYYY-MM-DD HH:mm:ss':年月日时分秒, 'YYYY-MM-DD':年月日, 'HH:mm:ss':时分秒 |
图例格式(groupFormatter) | 数据分组后图例的格式器 | '{groupCol}':分组单元, '{groupCol}/{yHeader}':分组单元/数据列, '{yHeader}/{groupCol}':数据列/分组单元 |
数据配置
数据配置,亦称数据绑定,是连接『可视化仪表盘』与『数据表』的窗口。数据配置Tab中可供选择的数据表,是已在数据表Tab中创建好的二维数据表。数据表的创建过程可参考仪表盘数据表处理 及 典型实践文档。
- 数据表:【必填】单选,可选择已创建的数据表 或 示例数据表。
- 时间轴:【必填】单选,适用于时间类型的数据。
- Y轴:【必填】多选,可选择number类型的数据。
- 分组:【选填】可以对数据进行分组。
示例数据
新建静态数据,选择CSV格式,复制下面这段内容到CSV文本输入框中:
时间戳,温度,城市
1503474810837,22,北京
1503474810837,21,上海
1503474810837,3,广州
1503474810837,12,深圳
1503474820837,22,北京
1503474820837,23,上海
1503474820837,4,广州
1503474820837,11,深圳
1503474830837,19,北京
1503474830837,17,上海
1503474830837,7,广州
1503474830837,18,深圳
1503474840837,17,北京
1503474840837,18,上海
1503474840837,7,广州
1503474840837,20,深圳
1503474850837,18,北京
1503474850837,19,上海
1503474850837,9,广州
1503474850837,21,深圳
1503474860837,17,北京
1503474860837,18,上海
1503474860837,10,广州
1503474860837,19,深圳
1503474870837,15,北京
1503474870837,17,上海
1503474870837,12,广州
1503474870837,20,深圳