全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题： 高级页面

查看更多 →

Tab列表 本章节主要介绍Tab列表组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 Tab列表 全局样式 字体：设置组件文本的字体类型。 行数：输入数值或单击设置显示行数。 列数：输入数值或单击设置显示列数。

查看更多 →

设置AstroZero高级页面基本折线图组件属性 设置AstroZero高级页面基本饼图组件属性 设置AstroZero高级页面水位图组件属性 设置AstroZero高级页面散点图组件属性 设置AstroZero高级页面雷达图组件属性 设置AstroZero高级页面仪表盘组件属性 设置AstroZero高级页面翻牌器组件属性

查看更多 →

参考开发页面中操作，开发所需的页面。 在设计页面，选中待移动的组件。 单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考开发页面中操作，开发所需的页面。 选择“图层”，进入图层页面。 将鼠标放到对应的组件上，单击右键，选择“向上移动一层

查看更多 →

参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 将鼠标放到对应的组件上，单击右键，选择“向上移动一层

查看更多 →

LineViewConfigModel object 指向线视图配置。 detail_view_config DetailViewConfigModel object 详情视图配置。 表7 LineViewConfigModel 参数 参数类型 描述 metric_set String 视图对应的指标集的名称。 filter_prefix

查看更多 →

。 例如，该组件预置的静态数据如图5所示。期望“series”为“白名单”的“amount”数值标红，参考图6，单击组件上方图标，单击“+ 新增条件格式”，设置条件和响应数据列的样式。 图5 预置数据 图6 新增条件格式 图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例

查看更多 →

媒体 图片 视频 轮播图 FLV视频流播放器 RTMP视频流播放器 父主题： 组件指南

查看更多 →

字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。选择迷你柱状图和迷你折线图时，支持放大图表显示。 图14 开启迷你柱状图放大图表功能 图15 预览放大效果 列名：自定义图表中数据系列的显示名称。 数据系列：在图表中，是否

查看更多 →

字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。选择迷你柱状图和迷你折线图时，支持放大图表显示。 图14 开启迷你柱状图放大图表功能 图15 预览放大效果 列名：自定义图表中数据系列的显示名称。 数据系列：在图表中，是否

查看更多 →

标题字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 时间轴 时间轴方向：时间轴的方向，支持水平方向和垂直方向。 自动轮播：是否展示自动轮播效果。 间隔时间：间隔的时间。 停留时间：停留的时间。

查看更多 →

标题字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 时间轴 时间轴方向：时间轴的方向，支持水平方向和垂直方向。 自动轮播：是否展示自动轮播效果。 间隔时间：间隔的时间。 停留时间：停留的时间。

查看更多 →

支持的子组件类型 以图1为例，该模板的预览视图由image、text、button三个子组件拼接而成。目前 KooMessage 的智能短信模板已支持11种类型的子组件开发，详见表1。对于各类型子组件，子组件代码示例提供了相应的HTML、 CSS 、JavaScript代码段供参考，部分

查看更多 →

图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图

查看更多 →

图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图

查看更多 →

初始化Vue项目。 vue create my-app 选择Vue3。 图1 选择Vue3 运行项目。 npm run serve 图2 项目目录 图3 访问页面 卡片封装，新建package文件夹。 图4 新增package包 添加样例组件DemoCard.vue，添加任意样例代码如下： <template>

查看更多 →

完成字段配置之后，单击“更新”，系统自动更新图表。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。

查看更多 →

数据列的样式。如图6中所示，该设置表示sales列满足设置的条件（大于19000）时，id列显示为红色，否则显示为正常颜色。 图6 新增条件格式 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 统一配置 对

查看更多 →

数据列的样式。如图6中所示，该设置表示sales列满足设置的条件（大于19000）时，id列显示为红色，否则显示为正常颜色。 图6 新增条件格式 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 统一配置 对

查看更多 →

的背景，整厂布局图等。 图11 图片-1 添加组件：在左侧组件列表中，找到“图片”组件，将该组件拖到画布中。 图12 图片-2 上传图片：在右侧配置栏，单击上传图片，上传本地图片。 标题背景 应用示例：用于装饰页面标题。 图13 标题背景-1 添加组件：在左侧组件列表中，找到“标题背景”组件，将该组件拖到画布中。

查看更多 →

组件 创建组件 获取组件列表 获取组件详情 更新组件 删除组件 创建、生效配置并部署组件 操作组件 获取组件快照列表 获取组件事件列表 获取组件实例列表 父主题： CAE API

查看更多 →