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

查看更多 →

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

查看更多 →

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

查看更多 →

删除类名 使用说明 当类名不再使用，可进行删除操作。 删除类名后，全局样式面板仍保留该类名及样式，其他组件仍可使用该类名。如需删除 CSS 中的该样式信息，可通过单击全局样式的，进入 CS S面板进行删除。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

主题的配置文件； 图3 顶部操作栏3 顶部样式修改 目前顶部样式支持多种风格：默认左侧用户头像，右侧企业 LOG ；支持通过设置主题中配置项； 图4 顶部样式修改1 如果需要Logo在左侧，用户在右侧，需要改成下面的风格即可。 图5 顶部样式修改2 顶部Logo替换 【aiwork_

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

水平正负柱图 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 图2 柱子样式-水平正负柱图

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

默认展开全部：默认展开所有面板内容。 字体：设置字体样式。 背景：设置折叠面板背景色。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一

查看更多 →