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

查看更多 →

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

查看更多 →

以散点的形式表现地图中的某些地理位置的数据信息，散点的样式、经纬度参考以下步骤进行配置。 单击“添加子组件”，添加地图散点。 图4 添加地图散点-3D世界地图 单击“地图散点”，进入地图散点的配置页面。 在“样式”页签，配置散点的散点大小、样式、颜色和透明度。 图5 配置地图散点样式-3D世界地图 在“数据”页签，配置散点的经纬度和大小。

查看更多 →

以热力点的形式表现地球中的某些地理位置的数据信息，热力点的样式、经纬度参考以下步骤进行配置。 单击“添加子组件”，添加地球热力点。 图4 添加地球热力点-地球 单击“地球热力点”，进入地球热力点的配置页面。 在“样式”页签，配置热力点的高度和颜色。 图5 配置地球热力点样式-地球 在“数据”页签，配置热力点的经纬度和大小。

查看更多 →

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

查看更多 →

宽度占比(%)：设置序列号的宽度占比。 序列号样式：设置序列号的样式。 对齐方式：设置序列号的对齐方式。 字体：设置序列号的字体、颜色和大小等。 背景样式：设置序列号的背景样式，如颜色、图片。设置为“颜色”时，可选择背景样式，如圆形、椭圆和矩形。 背景色：自定义背景的颜色。“背景样式”设置为“颜色”时，才会显示该参数。

查看更多 →

的文本。 修改视图文件“imgButton.vue”中的“style scoped”，定义图片按钮的样式类。 包括图片按钮外框、图片、文本三个样式类，如下图所示。 图10 定义样式类 .imgButton { display: inline-block; background-color:

查看更多 →

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

查看更多 →

将一个Img组件拖拽至左侧容器内，在右侧属性设置面板选择“样式”，设置尺寸宽高为100%，在右侧属性设置面板选择“属性”，src设置为前提条件中获取的路径。 图5 设置图片样式 图6 图片设置路径 将一个Box组件拖拽至右侧容器内，在右侧属性设置面板选择“样式”，设置组件样式，例如，宽高为250px，250px。

查看更多 →

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

查看更多 →

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

查看更多 →

分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在左侧组件区域，选择“分段标题”组件，并拖拽至设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 基础配置： 标题：设置分段标题的内容，最多支持输入32个字符。 样式：设置分段标题的显示样式。 图2 选择分段标题显示样式

查看更多 →

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

查看更多 →

字体：设置字体样式。 选择图标：按钮图标，系统预置的按钮图标。 图标位置：按钮图标展示位置，支持居左和居右两种位置。 高级 样式 样式类：当前组件使用的 CSS 样式类名，可在 CS S代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 父主题：

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →