折线图¶
备注
当前组件已支持 新版配置面板,文档默认按新版界面说明。你可以随时在图表配置面板的右上角切换,不影响配置内容。
折线图以连续的折线展示数据随维度变化的趋势,适合展示时间序列或其他连续变量下的数据变化。它与柱状图、散点图同属一个组件,可以在同一图表中混合线型、面积、点线、柱状等多种系列类型。
本文介绍折线图的特殊配置。有关各图表通用的配置项,如 过滤器 标签页、其它 标签页的内容,参见 图表通用配置。
折线图的类型¶
添加折线图时,可选择以下预设:
折线图预设 |
样式 |
描述 |
推荐场景 |
|---|---|---|---|
基础折线图 |
|
以折线展示数据随维度的变化趋势,可叠加多个系列。 |
展示时间序列或连续变量下的趋势,如设备功率随时间的变化。 |
基础点线图 |
|
在折线基础上标记每个数据点,数据点的形状和尺寸可配置。 |
数据点较少、需要精确定位每个数值的场景,如月度产量对比。 |
基础面积图 |
|
在折线下方填充面积颜色,视觉上突出数据的累积量或范围。 |
展示总量或占比随时间的变化,如累计发电量、多系列的数值分布。 |
折线图的数据¶
折线图以指标为核心,通过维度定义分类轴,并可使用对比字段生成多条折线。有关数据源、数据项、聚合和排序,参见 图表通用配置 > 配置数据。
维度¶
维度定义分类轴上的标签,每个维度值对应轴上的一个刻度,决定折线上各数据点的排列顺序。通常放入时间字段(如 localtime)或分类字段(如设备编号、区域)。
折线图最多可添加 2 个 维度字段,但图表只使用 第 1 个 维度作为分类轴,第 2 个维度不影响图表展示。纵向布局下分类显示在 X 轴,横向布局下分类显示在 Y 轴。
对比¶
对比为可选字段,最多可添加 1 个,用于把同一指标按该字段的取值拆分成多条折线。例如把 deviceId 放入对比后,每台设备各自绘制为一条折线,便于在同一坐标系内比较趋势差异。
对比字段只有在系列中勾选 对比 后才生效,参见 图表通用配置 > 系列。
指标¶
指标决定每个刻度对应的数值,即折线的高低起伏。至少添加 1 个指标,数量无上限。每个系列绑定一个指标,可在同一图表中使用线型、面积、点线等不同系列类型。
扩展¶
扩展字段不直接绘制在折线图上,数量不限,有以下两种用途:
标面的数据来源:标面 的 数据项 只列出已添加的扩展字段,图表按该字段的值确定要高亮的区间。若需要高亮某些区间(例如标记故障时段),可先将对应字段添加到扩展,再在 标面 中引用。
气泡大小:将系列类型设为 气泡 时,可在 系列 的 取值字段 中选择一个扩展字段,图表按该字段的数值缩放气泡大小。
备注
折线图的提示框不展示扩展字段。若只添加扩展字段而未在 标面 或 气泡 系列中引用,图表展示不会有任何变化。
折线图的样式¶
样式配置项分为 标题、组件、系列、坐标轴、图例、标记 六个区块,各图表通用的配置项,参见 图表通用配置 > 配置样式。
系列¶
除通用配置项外,线型、面积 和 点线 三种系列类型共有以下类型专属配置项:
线型:一个配置区块,包含线的样式(默认 实线,可选虚线、点线等)、线宽(默认 2px)和 平滑。勾选 平滑 后折线以曲线方式绘制,适合强调整体趋势而非精确数值的场景;默认不勾选。展示预测值或非确定性数据时,可把线型改为虚线以区分历史数据。
在此之上,面积 和 点线 各多出一个配置项:
面积颜色(仅 面积):设置折线下方填充区域的颜色,支持纯色和渐变色,与边线的 颜色 分开设置。例如用半透明渐变色作为填充、纯色作为边线。
点(仅 点线):一个配置区块,包含数据点的 形状 和 尺寸。形状可选 方形、点(默认)、圆、圆角方形、三角形、菱形、气泡 或 箭头;尺寸默认 8px。
备注
折线图中若混入了 柱状 类型的系列,系列 区块会额外显示 条形间距 和 堆叠柱状图 两项;最大柱状宽度 无此限制,即使没有柱状系列也会显示。三项的说明参见 图表通用配置 > 系列。
运行时交互¶
折线图与柱状图、散点图、箱线图共用同一个组件,运行时的交互行为完全一致:提示框 按分类高亮并列出各系列数值,点击图例可隐藏系列,勾选 显示标尺 后可拖动标尺缩放,勾选 启用选择缩放 后可框选放大,配置组件联动后可点击数据点触发联动,填写相同 联动 ID 的图表之间缩放同步。
各项的触发条件和详细说明参见 柱状图 > 运行时交互。