html样式_矩形水位图-华为云

矩形水位图

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

来自：帮助中心

查看更多 →
评分

星星总数：总分值即评分上限，默认五颗星，最高可评五颗星。默认值：默认选择几颗星。高级样式样式类：当前组件使用的 CSS 样式类名，可在 CS S代码中进行引用。样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。父主题：基础组件

来自：帮助中心

查看更多 →
配置CC攻击防护规则防御CC攻击

”、“text/html”或者“text/xml”。 text/html 页面内容当“阻断页面”选择“自定义”时，可设置自定义返回的内容。不同页面类型对应的页面内容样式： text/html：<html><body>Forbidden</body></html> application/json：{"msg":

来自：帮助中心

查看更多 →
面包屑

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

来自：帮助中心

查看更多 →
删除类名

器。画布中选中组件，在组件属性设置面板选择“样式”。单击全局样式选择框类名旁的删除按钮。删除后当前组件属性不再绑定该类名。全局样式面板仍保留该类名及样式，其他组件仍可使用该类名。如需删除CSS中的该样式信息，可通过单击全局样式的，进入CSS面板进行删除。父主题：类名管理

来自：帮助中心

查看更多 →
区域排行

img：可选字段，表示图标的自定义样式名称。单击img字段右侧的按钮可添加一个自定义图标样式。对于已添加的自定义样式，单击某个系列右侧的按钮可删除该系列。添加自定义样式，配置如下：系列值：输入img字段的某个值。如果源数据中的某个区域的img字段和该值相同，则在区域排行中显示为该自定义样式的图标。如

来自：帮助中心

查看更多 →
地球

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

来自：帮助中心

查看更多 →
排行榜

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

来自：帮助中心

查看更多 →
添加组件

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

来自：帮助中心

查看更多 →
按钮组件

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

来自：帮助中心

查看更多 →
3D世界地图

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

来自：帮助中心

查看更多 →
标准页面

选中组件，查看组件属性在“设计视图”中，选中一个页面组件，可以在右侧“属性”页签，设置该组件的绑定数据、样式等属性，如图3所示。在设计视图中选中一个文本框，可以在右侧修改这个文本框的标签名、样式、绑定的数据模型等。图3 设置组件的属性页面及组件的事件代码在“设计视图”中，选中任意组件

来自：帮助中心

查看更多 →
设置AstroZero高级页面雷达图组件属性

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

来自：帮助中心

查看更多 →
装饰

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

来自：帮助中心

查看更多 →
登录页面设计开发示例

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

来自：帮助中心

查看更多 →
时间器

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

来自：帮助中心

查看更多 →
分段标题

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

来自：帮助中心

查看更多 →
分页

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

来自：帮助中心

查看更多 →
{widget}.css

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

来自：帮助中心

查看更多 →
自定义组件开发指南

index.js：作为应用程序的入口文件，即程序启动时首先执行的脚本。 *.vue：用于定义Vue组件，包括模板（HTML）、脚本（JavaScript）和样式（CSS）。组件协议结构规范组件协议结构规范用于描述组件的关键信息和配置项，对应组件的components字段。表1

来自：帮助中心

查看更多 →
按钮

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

来自：帮助中心

查看更多 →