检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
默认文字：设置路由页签默认文字的字体、颜色和大小等。 默认样式：设置路由的默认样式，支持设置为颜色和自定义。 悬浮文字：设置鼠标悬浮在路由上时，页签内容的字体、大小和颜色等。 悬浮样式：鼠标悬浮在路由上时，路由显示的样式，支持设置为颜色和自定义。 点击文字：设置单击路由时，页签内容的字体、大小和颜色等。
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 input配置示例如下，配置后效果如图1所示。 { type: 'text', name: 'commProps.myText', value: '我是text的类型'
说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 radio配置示例如下，配置后效果如图1所示。 { type: 'radio', name: 'commProps.myRadio', value: '我是radio的类型'
说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 select配置示例如下，配置后效果如图1所示。 { type: 'select', name: 'commProps.mySelect', value: 'Border'
最小角度：扇区最小角度。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：设置为显示后，图表中会显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：设置为“是”时，标签前会添加引导线。
说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下，配置后效果如图1所示。 { type: 'switch', name: 'commProps.mySwitch', value: '我是switch的类型'
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下，设置后效果如图1所示。 { type: 'textarea', name: 'commProps.myTextarea', value: '我是text的类型'
回调参数 change change 值改变时触发 (value, data, field) 配置示例 colorpicker配置示例如下，配置后效果如图1所示。 { type: 'colorpicker', name: 'commProps.myColorpicker', value:
调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 tab配置示例如下，配置后效果如图1所示。 { type: 'tab', name: 'commProps.myTab', value: true, label:
{"zh_CN": "请选择","en_US": "Please select"} 占位提示。 事件 无 配置示例 time配置示例如下，配置后效果如图1所示。 { type: 'time', name: 'commProps.myTime', value: '', label:
回调参数 change change 值改变的时候触发 (value, data, field) 配置示例 slider配置示例如下，配置后效果如图1所示。 { type: 'slider', name: 'commProps.mySliderStr', value: '64%'
底部间隔：图例到组件底部的间隔。 可拖拽手柄：图例上是否展示可拖拽手柄。 图例宽度：设置图例的宽度。 图例高度：设置图例的高度。 鼠标悬浮联动：是否有鼠标悬浮联动效果。 坐标轴 在坐标轴中，设置图表的x轴和y轴，如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图6 热力图坐标轴 x轴
focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 input-number配置示例如下，配置后效果如图1所示。 { type: 'input-number', name: 'commProps.myInputNumber', value:
下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色：设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色：设置下拉框鼠标悬浮时的字体颜色。 树状表格 懒加载：开启懒加载，必须配置全局变量和交互事件。 展开层级：设置树状表格展开层级。
console.log($pageStore); 单击页面上方的，保存页面。 单击，在预览页面，设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后，按F12，在“Console”页签，即可获取查看eventParam。 图5 eventParam data：保存最详细的动作信息对象。
指标、图形、图例、提示、参考线和坐标轴七大类（不同的组件展示有所不同，请以实际展示的为准）。 图3 组件配置项面板 图4 组件七大分类设置效果 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图形是指组件中，实
字体：搜索内容的字体大小、颜色等设置。 背景颜色：设置搜索框的背景颜色。 边框颜色：默认状态下，搜索框边框的颜色。 边框聚焦颜色：鼠标选中搜索框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在搜索框上时，边框的颜色。 占位符：没有输入搜索内容时，展示的文字内容。 搜索按钮设置 字体：搜索按钮和按钮字体的大小、颜色等设置。
最小角度：扇区最小角度，取值范围为[0, 100]。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：是否显示标签。 所有标签悬浮设置：标签悬浮设置。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：标签视觉引导线设置。 引导线长度：设置引导线的长度。
选中态背景颜色：选中状态下，选择框背景的颜色。 边框颜色：未选中状态下，选择框边框的颜色。 边框聚焦颜色：鼠标选中选择框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在选择框上时，边框的颜色。 不可用边框色：不可选的选择框边框颜色。 不可用背景色：不可选的选择框背景色。 不可用字体颜色：不可选的选项字体颜色。
开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图7 基本漏斗图提示 图8 基本漏斗图设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图8。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
