物可视IOTVIZ

    时序折线图

    概述

    时序折线图,用折线将各个数据点标志连接起来的图表,用于展现数据的变化趋势。 时序折线图的X轴为时间轴,适用于连续的时序数据,比如TSDB的数据。

    image

    image

    特有静态属性

    属性名称(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中创建好的二维数据表。数据表的创建过程可参考仪表盘数据表处理最佳实践文档。

    image.png

    • 数据表:【必填】单选,可选择已创建的数据表 或 示例数据表。
    • 时间轴:【必填】单选,适用于时间类型的数据。
    • 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,深圳
    上一篇
    统计条形图
    下一篇
    时序条形图