选择“图层”，进入图层页面。 当页面中组件较多时，切换到图层页面，可方便快速查找到所需的组件。 在图层中，单击，将列表切换为卡片样式。 图1 将图标切换为卡片样式 图2 切换后效果 单击，可将切换回列表样式。 父主题： 图层管理

查看更多 →

WT线图 本章节主要介绍WT线图组件各配置项的含义。 样式 WT线图和线状图的样式配置相似，请参考样式配置WT线图的样式。 数据 WT线图和WT柱图的数据配置相似，请参考数据配置WT线图的数据。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。 父主题： 线状图类

查看更多 →

气泡图”图形按钮，可将气泡图添加到大屏中。 图2 选择组件 单击画布中的组件，在右侧选择“样式”页签，显示和配置组件的样式。 本示例使用默认的样式，如需了解更多样式配置，请参见设置组件样式。 图3 配置组件样式 在右侧选择“数据”页签，配置组件的数据。 本示例使用静态数据，如需了解更多数据配置，请参见设置组件数据。

查看更多 →

标记样式/标记的图形：可以设置标记的图形形状。 标记样式/标记的大小：可以设置标记的图形大小。 标记样式/折线拐点标志颜色：折线拐点标志的颜色。 折线样式/宽度：折线的宽度。 折线样式/线的类型：折线的类型。 折线样式/不透明度：折线的透明度。 折线样式/颜色：折线的颜色。 区域填充样式/不透明度：折线内区域填充的透明度。

查看更多 →

其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。 内容：按钮显示文字，如保存。 默认文字：按钮显示

查看更多 →

本章节主要介绍装饰组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 装饰 样式 缩放模式：单击下拉选项，设置缩放模式的类型。可选择为默认、按比例缩放、裁剪缩放、拉伸缩放。 样式：设置装饰的样式，系统已预置多种样式供用户选择。

查看更多 →

钻石水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。

查看更多 →

矩形-2 配置样式：可在右侧配置栏中，设置矩形的圆角、填充颜色和边框样式。 圆形 应用示例：作为数字或文字的背景。 图5 圆形-1 添加组件：在左侧组件列表中，找到“圆形”组件，将该组件拖到画布中。 图6 圆形-2 配置样式：可在右侧配置栏中，设置圆形的填充颜色和边框样式。 三角形 应用示例：作为数字或文字的背景。

查看更多 →

是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显

查看更多 →

标签 > 标签文字样式 > 文本颜色：在波浪上方文本的颜色。 标签 > 标签文字样式 > 波浪上时文本颜色：在波浪下文本的颜色。 标签 > 标签文字样式 > 字体大小：标签的字体大小。 标签 > 标签文字样式 > 字体粗细：标签的字体粗细。 标签 > 标签文字样式 > 字体系列：标签的字体系列。

查看更多 →

是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显

查看更多 →

主题 AstroZero预置了很多默认样式，供您选择使用，同时也支持对标准页面的主题样式进行自定义修改。自定义主题时，可以自定义修改标准页面的样式。设置完成并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置的为准。 自定义主题样式需要您熟悉 CSS 的Less代码编写规范，关于Less介绍，请参见Less介绍。

查看更多 →

时间器 本章节主要介绍时间器组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 时间器 图标样式 字号：设置组件时间图标的字号大小。 颜色：设置组件时间图标的颜色。 右边距：输入数值或拖动，调整组件时间图标的右边距。

查看更多 →

添加和配置组件 打开大屏开发页面，在左侧组件中心，选择“交互 > 地理搜索”。 图3 选择地理搜索组件 在“样式”面板，配置地理搜索的样式，本示例使用默认样式。 图4 配置地理搜索样式 切换到“数据”面板，设置地理搜索组件的数据。 图5 设置地理搜索组件的数据 切换到“交互”面板，定义交互变量，并启用该变量。

查看更多 →

”和“样式”中，同时对布局属性进行了设置，最终生效是“样式”栏中的设置。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的 CS S样式类名，可在CSS代码中进行引用。

查看更多 →

布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 父主题： 基础组件

查看更多 →

背景色：水位图的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

隐藏：是否隐藏该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显

查看更多 →

分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在左侧组件区域，选择“分割线”组件，并拖拽至设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 基础配置 文本：设置分割线上显示的文字。输入内容不得超过32个字符。 分割线样式：选择分割线的样式，如虚线、点线、双线或实线。

查看更多 →

WT雷达图 本章节主要介绍WT雷达图组件各配置项的含义。 样式 WT雷达图和雷达图的样式配置相似，请参考样式配置WT雷达图的样式。 数据 WT雷达图和WT柱图的数据配置相似，请参考数据配置WT雷达图的数据。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。

查看更多 →