检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中,保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno.
图例选择模式:设置图例选择模式,支持单个和多个。 小图标:设置图例小图标样式,如圆形、矩形、三角形等。 图列排列:设置图例的排列样式,如水平、垂直。 图例宽度:设置图例的宽度。 图例高度:设置图例的高度。 位置选择:设置图例的显示位置,支持左、右和居中显示。 图例间隔:设置图例之间的间隔。
选择对应的工作空间和项目版本,单击“确定”。 图1 选择工作空间和项目版本 复制项目版本时,当所选项目与目标空间存在资产冲突时,请参考如何解决资产冲突问题?中操作处理。 图2 资产冲突 父主题: 项目管理
选择静态数据 根据业务需求自定义静态数据,也可直接使用系统预置的数据,单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时,可执行如下操作: 单击“文件导入”,可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件,且文件大小不能超过100KB。
件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts,请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。
础元素(卡片背景、特效、卡片边框等)和视频元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
基础元素(卡片背景、特效、卡片边框)和视频元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
费项”页签查询全部待续费资源,对资源进行手动续费的操作。 图3 续费管理 所有需手动续费的资源都可归置到“手动续费项”页签,具体操作请参见如何恢复为手动续费。 找到需要续费的资源,单击操作列的“续费”。 图4 手动续费 进入续费页面,选择需要续费的时长,单击“去支付”。 图5 续费确认
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸,取值范围0~100。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。 数据标签:是否显示数据标签,支持设置标签颜色、前缀和后缀。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。
图4 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 背景 背景颜色:组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
标题:是否显示组件标题。设置为显示时,支持设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。 字体:设置时间字体、颜色和大小等。 星期
卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
查找。 下拉弹出框设置 最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。 选中态背景颜色:设置选中某项内容时,背景的颜色。 选中态字体颜色:设置选中某项内容时,字体的颜色。 鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。
等。 图7 图形 颜色:设置组件中图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 拐点尺寸:设置拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。
显示头:设置轴条的选中样式时,该参数需要设置为“显示”。 头轴条样式:设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾:设置轴条的默认样式时,该参数需要设置为“显示”。 尾轴条样式:设置尾轴条选中时的样式。“显示尾”需要设置为“显示”。 详情 上下偏移量:设置详情的上下偏移位置,单位px。
显示名称:自定义图表中系列的显示名称。 标记图形:设置标记的图形样式,如圆形、矩形、三角形等。 颜色设置:设置标记颜色样式,支持纯色、线性渐变和径向渐变。 颜色:设置标记的颜色。 边框颜色:设置标记边框颜色。 阴影颜色:设置标记阴影颜色。 阴影大小:设置标记阴影大小。 水平方向偏移距离:气泡图中气泡在水平方向上的偏移位置。
卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距
卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图4 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
折线宽度:设置图形中折线的宽度。 折线颜色:设置折线颜色,支持单色和渐变色。如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。