检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
[{ name: "itemVal"}], this.setSelectVal.bind(this) ); setSelectVal的实现如下: /** * 响应外界组件组件交互,设置下拉框选中值 * @param {*} event */ setSelectVal(event)
逻辑。 create(必须配置):组件内置的扩展,仅在组件首次被创建时调用一次。 registerWidget(必须配置):注册组件的逻辑实现。 父主题: {widget}.editor.js
大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下,也可以直接单击下载链接,获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水位图图形 颜色:设置图表中,图形的颜色。 统一配置
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 箭头水位图图形 颜色:设置图表中,图形的颜色。 统一配置
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 圆角矩形水位图图形 颜色:设置图表中,图形的颜色。
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 钻石水位图图形 颜色:设置图表中,图形的颜色。 统一配置
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水滴水位图图形 颜色:设置图表中,图形的颜色。 统一配置
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 矩形水位图图形 颜色:设置图表中,图形的颜色。 统一配置
字体:设置标题字体、颜色和大小等。 提示框格式:设置提示框的格式,如“系列名称 数值 数据项名称”和“系列名称 数据项名称 数值”。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 仪表盘图形 表盘设置:展开或收起表盘,设置为展开时,需设置如下参数。
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 三角形水位图图形 颜色:设置图表中,图形的颜色。
转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 里程碑图形 碑节点样式 里程碑样式:设置里程碑的
示sales列满足设置的条件(大于19000)时,id列显示为红色,否则显示为正常颜色。 图5 排行榜新增条件格式 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 排行榜图形 统一配置 对齐方式:设置组件的对齐方式,如水平居中、居左和居右。
在弹出的页面,勾选需要下载的页面,单击“下载本地部署包”。 可视化应用本地部署包用于在部署后的华为云Astro大屏应用运行环境中安装应用,实现项目的迁移,包名为“AstroCanvas_项目名_随机编码.zip“。 图16 选择本地部署的页面 添加可视化应用。 在项目列表中,单击“导入项目包”。