图表组件 表格 饼图 折线图 柱状图 父主题： 组件介绍

查看更多 →

ECharts图表”中，拖拽“基础折线图”组件至画布空白区域，如图1。 图1 Echarts图表 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的

查看更多 →

提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 指标是指可视化组件中，对除可视化图形之外的具体补充，即主要以文字和数字的表现形式，为可视化组件提供具体数值的参考。 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。

查看更多 →

词云 词云是文本组件的一种，通过对词频的统计及对应词语字体大小样式，来展现词语出现次数。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“词云”组件至画布空白区域，如图1。 图1 词云 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡

查看更多 →

图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图

查看更多 →

组件介绍 页面 基础组件 图表组件 高级组件 父主题： 轻应用构建用户指南

查看更多 →

提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图6 提示 图7 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图7。 特征标记：提示框内容格式，如系列名、数据名和数据值。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。

查看更多 →

饼图 饼图是以饼状图样式展示一个表单或多个表单关联数据。 在看板表单构建页面，从“图表组件”中拖拽“饼图”组件至表单设计区域。如图1。 图1 饼图 属性 图表名称：当前饼图组件的名称。 数据范围：设置饼图中需展示的表单数据，通过选择单个表单或多个表单形成数据集。 扇区设置：设置饼图需要展示的字段及对应数值。

查看更多 →

提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图6 提示 图7 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图7。 特征标记：提示框内容格式，如系列名、数据名和数据值。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。

查看更多 →

布情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“气泡图”组件至画布空白区域，如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡

查看更多 →

提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图6 提示 图7 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图7。 特征标记：提示框内容格式，如系列名、数据名和数据值。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。

查看更多 →

化图形。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“散点图”组件至画布空白区域，如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡

查看更多 →

化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本漏斗图”组件至画布空白区域，如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰

查看更多 →

在大屏设计页面，从“全部组件 > 图表”中，拖拽“进度条”组件至画布空白区域，如图1。 图1 进度条 图2 进度条效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图4 卡片 卡

查看更多 →

提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 提示 图9 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图9。 特征标记：提示框内容格式，如系列名、数据名和数据值。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。

查看更多 →

值规则、主机或组件的状态信息分别置于同一图表中进行监控。 阈值状态图表：实时监控阈值规则的状态。 图3 阈值状态图表 添加阈值状态图表前请先创建阈值规则，否则将无法添加阈值状态图表。 主机状态图表：实时监控主机的状态。 图4 主机状态图表 组件状态图表：实时监控组件的状态。 图5

查看更多 →

图5 拖拽图表到矩形装饰中 设置交互能力，根据不同的分类设置基本交互，即组件的显示/隐藏。 选中选项卡组件，单击组件上方的，进入交互设置页面。 在作为触发器中，单击“+ 交互事件”，选择“饼图事件”。 饼图事件对应饼图选项卡，当选择饼图时，显示两个饼图组件，隐藏其他图表组件。 图6

查看更多 →

。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平基本柱图”组件至画布空白区域，如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装

查看更多 →

提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图7 提示 图8 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据名和数据值，也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。

查看更多 →

横轴和纵轴组成，横轴通常用来表示分类，纵轴用来表示每一类的数值。 在看板表单构建页面，从“图表组件”中拖拽“柱状图”组件至表单设计区域。如图1。 图1 柱状图 属性 图表名称：当前柱状图组件的名称。 数据范围：设置柱状图中需展示的表单数据，通过选择单个表单或多个表单形成数据集。 横轴设置：设置横轴参数。

查看更多 →

样式 本章节介绍饼状图的样式的各项配置的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。

查看更多 →