检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
zh_CN: '显示标签', en_US: 'Emphasis Focus' }, value: true, options: [ { label: { zh_CN: '显示', en_US:
整个组件。 标题:是否显示组件标题。设置为显示时,支持设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 时间展示配置 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。 字体:设置时间字体、颜色和大小等。
对齐方式:标题的对齐方式,支持左对齐、居中和右对齐。 显示标题:是否显示组件标题。 标题内容:“显示标题”开关打开后,设置标题内容。 标题字体:“显示标题”开关打开后,设置标题字体、文字粗细、文字大小和文字颜色。 显示数字:是否显示数字。 数字字体:“显示数字”开关打开后,设置数字字体、数字文字大小、数字文字粗细和数字文字颜色。
参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“组件”。 单击“本地调试设置”,进行本地调试设置。 在本地开发组件后,频繁地打包组件包上传至公共环境再查看页面显示效果,是一件效率极低的事情。通过该配置,可打通本地环境与公共环境,实现实时在线调测组件。 单击“检查更新”,检查组件是否有版本更新,如果有新版本组件,请单击“升级所有插件”。
铺满整个组件。 标题设置 显示标题:是否显示标题。 标题内容:设置标题的内容。 图4 设置标题的具体内容 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、同比和环比。 图5 多趋势配置 数值配置 显示数字:趋势中是否显示数字。 数字字体:设置数字的字体、大小和颜色等。
页签方向:设置页签的显示方向,如水平方向、垂直方向。 位置:设置页签的位置,支持默认和自定义两种方式。 快捷设置:设置页签的显示位置,如居左、居右或居中。“位置”设置为“默认”时,才显示该配置。 上间距(%):设置页签距离组件上边界的距离。“位置”设置为“自定义”时,才显示该配置。 左间
图11 获取组件ID 操作组件。 获取到组件ID后,可以通过AstroCanvas提供的API来操作组件,如显示/隐藏组件。关于API的详细介绍,请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}.hideWidget();
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
前缀后缀:设置指标的前缀、后缀。 前缀:是否显示前缀,设置为“显示”时,支持设置如下属性。 前缀内容:直接在下拉框中选择。 前缀字体:设置前缀的字体、大小和颜色等。 前缀右间距:设置前缀和指标之间的间距。 图8 前缀右间距 后缀:是否显示后缀,设置为“显示”时,支持设置如下属性。 后缀内容:直接在下拉框中选择。
图12。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 在坐标轴中,设置图表的x轴和y轴,如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图13 多折线图坐标轴 x轴 X轴:是否显示X轴。 轴标题:X轴标题。 字体:设置坐标轴字体、颜色和大小等。
自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图9 区域图提示 图10 设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图10。
可以避免重叠。 轴线显示:控制是否显示轴线。 刻度显示:控制是否显示刻度。 线的颜色:轴线的颜色。 标签显示:是否显示刻度标签。打开后需要设置刻度标签字体、字体颜色、大小、粗细。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示:是否显示轴网格线、轴网格线的类型和颜色设置。
自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图11 多区域折线图提示 图12 设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图12。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
固定点边线颜色:设置指针固定点边框的颜色。 单位设置:是否显示单位。设置为显示时,支持设置单位、水平相对位置、垂直相对位置、单位字体等。 详情设置:是否显示详情。设置为显示时,支持设置详情水平相对位置,详情垂直相对位置、详情字体等。 刻度设置:是否显示刻度。设置为显示时,支持设置标签与刻度线距离、刻度标签字体、背景颜色、内边距等。
轴线显示:是否显示轴线。打开后需要设置轴线颜色。 刻度显示:是否显示刻度。 刻度标签显示:是否显示刻度标签。打开后需要设置刻度标签字体颜色、大小、粗细。 反转:是否对轴数据进行反转。 网格线(需设置对应轴显示):是否显示轴网格线、轴网格线的类型和颜色设置。 y轴 Y轴:是否显示Y轴。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。