填写针对该门户页面的相关描述，可包含中文、英文、数字及特殊符号。 容器背景色 配置门户展示组件的背景色，单击可选择颜色。 容器圆角 配置门户展示组件的圆角。默认值为8px。 阴影 配置门户展示组件是否有阴影，以及阴影的具体值。 字体 组件标题字体的大小和是否加粗展示。 容器中内容边距

查看更多 →

填写针对该门户页面的相关描述，可包含中文、英文、数字及特殊符号。 容器背景色 配置门户展示组件的背景色，单击可选择颜色。 容器圆角 配置门户展示组件的圆角。默认值为8px。 阴影 配置门户展示组件是否有阴影，以及阴影的具体值。 字体 组件标题字体的大小和是否加粗展示。 容器中内容边距

查看更多 →

左边距：图表到组件边框左侧的距离。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 图4 带标签模板 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图5 边框圆角 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图6 显示图表标题

查看更多 →

宽度：设置边框的宽度。默认值为0px，范围为0~50px。 样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色：设置边框显示的颜色。 圆角：给元素添加圆角效果，设置圆角的大小和位置。 默认值为0px，范围为0~500px。 背景：设置组件样式的背景颜色。 阴影： X：X偏移，阴影相对于其源元

查看更多 →

支持中英文。 大小：按钮大小，包含大、小、默认三个选项，默认值是大。 鼠标悬停时展示：鼠标悬停在按钮上时展示的文字。 形状：按钮形状，支持圆角和直角两种类型，默认选择直角。 字体：设置字体样式。 选择图标：按钮图标，系统预置的按钮图标。 图标位置：按钮图标展示位置，支持居左和居右两种位置。

查看更多 →

这里是文本内容的样式属性。 文本：设置外形、对齐方式、字体及颜色、文本大小及单位。 外形：设置文字的背景颜色、边框颜色、边框类型及圆角单位、边框宽度、边框圆角、阴影颜色、阴影方向、阴影X偏移、阴影Y偏移、阴影模糊半径、阴影扩散半径、背景不透明度。 在右侧设置卡片信息，请参考表3。 表3

查看更多 →

背景颜色：背景颜色设置，包括是否显示背景颜色、单一色或者渐变色配置。 阴影设置：支持设置为内部阴影、外部阴影或者自定义阴影。 边框设置：为组件边框设置粗细、颜色、类型、圆角。 事件 在事件中，可查看组件可配置的事件列表。更多关于事件的介绍，请参见初识事件-动作。 图4 设置事件 父主题： 全局高级组件

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 参考模板：设置组件中图表的样式，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：是否显示图表的标题。设置为“显示”后，可自定义标题内容、内容字体、大小和颜色等。

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。

查看更多 →

上边距：图表到组件边框顶部的距离。 右边距：图表到组件边框右侧的距离。 下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：是否显示图表的标题。设置为“显示”后，可自定义标题内容、内容字体、大小和颜色等。

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：是否显示图表的标题。设置为“显示”后，可自定义标题内容、内容字体、大小和颜色等。

查看更多 →

背景色：标题的背景色。 文本字体大小：组件标题的文本字体大小 字体系列：组件标题的字体系列。 文本颜色：组件标题的文本颜色。 边框圆角：设置组件的边框圆角。 数据系列：对组件属性（是否展现水位图、图表位置、图表形状和直径、水波设置等）进行一系列配置。单击“+”，可添加数据系列。 是

查看更多 →

技术架构选型上，通常会选择比较成熟的开源组件或商业软件。 图1 常见的web应用通用架构 Web前端：基于HTML/HTML5/Vue/ CSS 3开发web前端页面。展现层和数据层完全分离，通过跨域实现前后端数据通信 小程序：基于微信、支付宝平台，开发H5的小程序，增加用户操作体验和访问便捷性服务层

查看更多 →

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

查看更多 →

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

查看更多 →

这里是文本内容的样式属性。 文本：设置外形、对齐方式、字体及颜色、文本大小及单位。 外形：设置文字的背景颜色、边框颜色、边框类型及圆角单位、边框宽度、边框圆角、阴影颜色、阴影方向、阴影X偏移、阴影Y偏移、阴影模糊半径、阴影扩散半径、背景不透明度。 在右侧设置卡片信息，请参考表3。 表3

查看更多 →

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

查看更多 →

右边距：图表到组件边框右侧的距离。 下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 图表背景：图表的背景颜色。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 布局：散点图（不包含组件标题）距离整个组件四边（上、下、左、右）的距离。 图4 布局 上边距：散点图到组件边框顶部的距离。

查看更多 →

右边距：图表到组件边框右侧的距离。 下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 图表背景：图表的背景颜色。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 布局：气泡图（不包含组件标题）距离整个组件四边（上、下、左、右）的距离。 图4 布局 上边距：气泡图到组件边框顶部的距离。

查看更多 →