柱状图
刻度线：柱图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。网格线：柱图的X轴网格线的样式，包括网格线的线型样式、粗细、颜色、长度和网格线之间的间距值，可单击 图标控制X轴网格线的显隐。...
柱图
轴标签与刻度：设置显示X轴时，您可以设置是否显示轴标签与刻度、轴标签的文本颜色以及刻度的样式等。网格线：设置显示X轴时，您可以设置是否显示网格线以及网格线的宽度、颜色等。Y轴 您可以在Y轴区对组件进行如下设置：显示Y轴：设置是否...
条形图
轴标签与刻度：设置显示X轴时，您可以设置是否显示轴标签与刻度、轴标签的文本颜色以及刻度的样式等。网格线：设置显示X轴时，您可以设置是否显示网格线以及网格线的宽度、颜色等。Y轴 您可以在Y轴区对组件进行如下设置：显示Y轴：设置是否...
Sub
监听左右滑动到达页面边界 app.Sub.Swipe=(e)=>{ if(e.Direction='Left'){ console.log('页面滑动到左边界');} else if(e.Direction='Right'){ console.log('页面滑动到右边界');} };} Sub.Scroll 监听滚动事件。重要 JS-SDK V1.1.10及以上...
指标趋势图
图表配置项 配置项说明 指标块组展示形式 多个指标界面无法显示完全时，通过 左右滑动 可以滑动展示其他指标，或者 换行平铺 展示所有指标。同时可以设置指标趋势图上 每行指标块 的个数。说明 仅当 开启趋势图 时才会出现该选项。背景色 ...
玉珏图
刻度线：玉珏图的半径轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制半径轴刻度线样式的显隐。网格线：玉珏图的半径轴网格线的样式，包括网格线的线型样式、粗细、颜色、长度和网格线之间的间距值，可单击 图标控制半径...
玉珏图
刻度线：玉珏图的半径轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制半径轴刻度线样式的显隐。轴标签：玉珏图的半径轴轴标签样式，可单击 图标控制半径轴轴标签的显隐。参数 说明 标签展示 标签的展示样式，包括：半径...
事件仪表盘
图表样式 事件仪表盘是一种拟物化的图表，刻度表示度量，指针表示维度，指针角度表示数值。仪表盘图表就像是汽车的速度表一样，有一个圆形的表盘及相应的刻度，有一个指针指向当前数值。样式面板 搜索配置：单击 样式 面板右上角的搜索配置...
事件仪表盘
图表样式 事件仪表盘是一种拟物化的图表，刻度表示度量，指针表示维度，指针角度表示数值。仪表盘图表就像是汽车的速度表一样，有一个圆形的表盘及相应的刻度，有一个指针指向当前数值。配置面板 搜索配置：单击 配置 面板右上角的 搜索...
配置自定义防护策略
JS验证：表示WAF向客户端返回一段正常浏览器可以自动执行的JavaScript代码。如果客户端正常执行了JavaScript代码，则WAF在一段时间（默认30分钟）内放行该客户端的所有请求（不需要重复验证），否则拦截请求。滑块：表示WAF向客户端返回...
WAF防护
JS挑战 表示WAF向客户端返回一段正常浏览器可以自动执行的JavaScript代码。如果客户端正常执行了JavaScript代码，则WAF在一段时间（默认30分钟）内放行该客户端的所有请求（不需要重复验证），否则拦截请求。滑块验证 表示WAF向客户端返回...
无痕验证集成方式
直接拦截 module.TEST_NC_PASS 唤醒滑动验证，且滑动验证通过 module.TEST_NC_BLOCK 唤醒滑动验证，且滑动验证不通过 通过这样的方式，您可以直观地观察验证码各个状态的交互、样式和流程。说明 前缀 module 为 AWSC.use 返回的对象，示例...
更新说明
组件缩放时，按住shift锁住比例 快捷键 快捷键功能列表 版本号1.3.0｜发布时间 2022.08.08 功能名称 功能描述 基础组件 堆叠柱状图 饼图 进度条、环形进度条 竖直刻度条、水平刻度条 水位图 3D组件 按钮 图表类组件的数据可导出 连线 管道 ...
三维折线图
刻度线：x轴刻度线的样式，可单击 图标控制x轴刻度线的显隐。参数 说明 长度 x轴刻度线的长度值。颜色 x轴刻度线的颜色。透明度 x轴刻度线的透明度。宽度 x轴刻度线的宽度。网格线：x轴网格线的样式，可单击 图标控制x轴网格线的显隐。参数...
滑动面板（FloatPanel）
内容型面板，用户可自由灵活上下滑动浏览内容。面板初始高度为默认窗口高度的 18%，手指向上滑动面板升起到默认窗口高度的 35%，继续向上滑动面板高度达到最大默认窗口高度的 95%。手指下滑面板先回到默认窗口高度的 35%，继续向下滑动回到...
三维折线图
刻度线：x轴刻度线的样式，可单击 图标控制x轴刻度线的显隐。参数 说明 长度 x轴刻度线的长度值。颜色 x轴刻度线的颜色。透明度 x轴刻度线的透明度。宽度 x轴刻度线的宽度。网格线：x轴网格线的样式，可单击 图标控制x轴网格线的显隐。参数...
Tab 选项卡
本文介绍了使用 Tab 选项卡组件的不同...Demo 效果示例 代码示例<template><Tab v-model="selected">选项 {{ i }}</TabItem></Tab></template><script type="text/javascript">export default { data(){ return { selected:1,};},};
热力图
轴标签与刻度 设置Y轴是否显示轴标签和是否显示刻度 图表事件配置 配置项 名称 配置图 说明 数据事件 钻取 当需要对维度进行不同层次的分析时，您可以通过配置某个维度字段的 钻取，单击后层次会发生变化，从而变换分析的粒度。具体设置请...
区间范围柱状图（v4.x版本）
刻度线：柱图的x轴刻度线的样式，可单击 图标控制x轴刻度线的显隐。参数 说明 颜色 x轴刻度线的颜色。长度 x轴刻度线的长度。网格线：柱图的x轴网格线的样式，可单击 图标控制x轴网格线的显隐。颜色：x轴网格线的颜色。y轴 y轴可见：打开...
智能验证集成方式
})</script></body>初始化 资源引入 在Web页面中使用滑动验证功能，需要在前端页面代码中添加以下代码，引入所需的JS资源。js">。初始化代码说明/实例化ic对象 AWSC.use("ic",function...
气泡图
显示刻度线 设置X坐标轴上是否显示刻度线。左Y轴 显示左Y轴 设置是否显示左Y轴。显示标题和单位 支持设置 轴标题 和 单位 的位置，可以选择 轴外侧 和 轴上方。显示轴标签 设置坐标轴上是否显示标签。最小值、最大值 显示坐标轴最值：选中 ...
3D柱状图
刻度线：柱图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。轴标签：柱图的X轴轴标签样式，可单击 图标控制X轴轴标签的显隐。参数 说明 标签展示 标签的展示样式，包括：X轴轴标签的数量、标签...
Echarts 雷达图
刻度线：单击右侧的 眼睛 图标显示坐标轴刻度。内部：勾选后，坐标轴刻度朝内；去勾选，坐标轴刻度朝外。长度：单击+或-号，或手动输入数值，修改坐标轴刻度的长度。线样式 颜色：参考 颜色选择器，修改刻度线的颜色。宽度：单击+或-号，或...
Echarts 雷达图
刻度线：单击右侧的 眼睛 图标显示坐标轴刻度。内部：勾选后，坐标轴刻度朝内；去勾选，坐标轴刻度朝外。长度：单击+或-号，或手动输入数值，修改坐标轴刻度的长度。线样式 颜色：参考 颜色选择器说明，修改刻度线的颜色。宽度：单击+或-号...
代码嵌入
代码控件的使用 使用条件：需要您用HTML、CSS、JavaScript语言编辑代码，且为避免冲突，不能使用外部js库。作用：可用于实现现有控件不能满足的需求，例如天气预报功能。设置爱番番控件 单击 设置，右侧将弹出快速设置面板，可设置搜索控件...
3D柱状图
刻度线：柱图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。轴标签：柱图的X轴轴标签样式，可单击 图标控制X轴轴标签的显隐。参数 说明 标签展示 标签的展示样式，包括：X轴轴标签的数量、标签...
百分比条形图（v4.x版本）
刻度线：柱图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。网格线：柱图的x轴网格线的样式，可单击 图标控制x轴网格线的显隐。颜色：x轴网格线的颜色。y轴 y轴可见：打开开关，组件内y轴样式...
基本折线图（v4.0及以上版本）
刻度线：x轴刻度线的样式，可单击 图标控制x轴刻度线的显隐。参数 说明 颜色 x轴刻度线的颜色。长度 x轴刻度线的长度。网格线：x轴网格线的样式，可单击 图标控制x轴网格线的显隐。颜色：x轴网格线的颜色。y轴 y轴可见：开启后，组件内y轴...
百分比条形图
刻度线：柱图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。轴标签：柱图的X轴轴标签样式，可单击 图标控制X轴轴标签的显隐。参数 说明 显示格式 X轴标签数值显示格式的样式，可选 默认、11...
饼图
滑轨样式 类型：图例滑动轨道的类型，包括 矩形 和 三角形。长度：图例滑动轨道的长度值。高度：图例滑动轨道的高度值。背景色：图例滑动轨道的背景颜色。滑块样式：图例中滑轨上的滑块样式。最小值：滑块的最小值，支持自定义输入，也支持...
子弹图
刻度线：子弹图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。网格线：子弹图的X轴网格线的样式，包括网格线的线型样式、粗细、颜色、长度和网格线之间的间距值，可单击 图标控制X轴网格线的...
瀑布图
刻度线：柱图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。轴标签：柱图的X轴轴标签样式，可单击 图标控制X轴轴标签的显隐。参数 说明 显示格式 X轴标签数值显示格式的样式，可选 默认、11...
子弹图
刻度线：子弹图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。轴标签：子弹图的X轴轴标签样式，可单击 图标控制X轴轴标签的显隐。参数 说明 显示格式 X轴标签时间显示格式的样式。标签展示 ...
对称条形图
刻度线：条形图的X1轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X1轴刻度线样式的显隐。网格线：条形图的X1轴网格线的样式，包括网格线的线型样式、粗细、颜色、长度和网格线之间的间距值，可单击 图标控制X1轴网格线...
滑动操作（SwipeAction）
列表的功能扩展，通过滑动操作来展示隐藏的功能菜单。属性 属性 类型 必填 默认值 说明 autoClose boolean 否 false 点击按钮是否会自动收起 disabled boolean 否 false 是否禁止操作 left { text:string,type:'default'|'primary'|'danger...
瀑布图
刻度线：瀑布图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。网格线：瀑布图的X轴网格线的样式，包括网格线的线型样式、粗细和颜色，可单击 图标控制X轴网格线的显隐。说明 当线的类型选择 ...
热力图
刻度线：热力图x轴刻度线的样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制x轴刻度线样式的显隐。轴标签：热力图x轴的轴标签样式，可单击 图标控制x轴的轴标签的显隐。参数 说明 显示格式 轴标签的显示格式，仅在数据类型选择 ...
堆积条形图
轴标签与刻度：设置轴标签的文本样式以及刻度粗细和颜色（③、④）。网络线：设置网格线的类型、粗细以及颜色（⑤）。系列设置 您可以在系列设置区对组件进行如下设置：请选择系列：根据业务场景选择维度或度量项。显示数据标签：设置是否...
组合图
轴标签与刻度：设置轴标签的文本样式以及刻度粗细和颜色（③、④）。网络线：设置网格线的类型、粗细以及颜色（⑤）。工具提示 您可以在 工具提示 中，设置工具提示方式。图表配置项 配置项说明 展示方式 设置提示信息展示方式，支持 按...
百分比柱状图
刻度线：柱图的X轴刻度线样式，包括刻度线的长度值、粗细值和颜色，可单击 图标控制X轴刻度线样式的显隐。轴标签：柱图的X轴轴标签样式，可单击 图标控制X轴轴标签的显隐。参数 说明 显示格式 X轴标签数值显示格式的样式，可选 默认、11...
- 产品推荐
- 这些文档可能帮助您