检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
颜色：设置图表中，图形的颜色。 统一配置 光圈标记：是否开启光圈标记。 数据排序：是否开启数据排序。 阶梯瀑布：是否阶梯瀑布效果显示。 横向柱条：是否横向柱条效果显示。 柱条圆角：设置柱条的圆角。 柱条宽度：设置柱条的宽度。 数据标签：是否显示数据标签。设置为显示时，支持设置标签位置、颜色。
内容：设置标题内容。 位置选择：设置标题位置，支持左、中和右显示。 背景色：设置标题背景颜色。 字体：设置标题字体、大小和颜色等。 轮播：是否开启轮播效果。开启后，支持设置轮播时间间隔（不能大于24秒）。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
自定义桥接器 当需要连接其它数据，以获得组件最佳的展示效果时，可通过自定义数据桥接器实现。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，对桥接数据进行对接和改造。 自定义桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云A
新建转换器 转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 为了便于您更好的使用转换器，华为云Astro大屏应用为您提供了盘古助手工具。盘古助手是由华为研发的基于盘古模型的AI助手，可以根据用户的需求，灵活地生成转换器代码，快速接入数据至大屏
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“组件”。 单击“本地调试设置”，进行本地调试设置。 在本地开发组件后，频繁地打包组件包上传至公共环境再查看页面显示效果，是一件效率极低的事情。通过该配置，可打通本地环境与公共环境，实现实时在线调测组件。 单击“检查更新”，检查组件是否有版本更新，如果有新版本组件，请单击“升级所有插件”。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
背景框 背景框是装饰组件的一种，包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求，选择不同的背景框，以增加视觉效果。 以自定义背景框为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“自定义背景框”组件至画布空白区域，如图1。 图1 自定义背景框 卡片 卡
90]。 角度阶梯：设置词云角度阶梯。 数据系列：展示系列内容，支持修改系列颜色。 展开更多数据系列：单击，可新增数据系列。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图7 词云提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。
在华为云Astro大屏应用中开发大屏页面时，支持直接在线预览效果，确保开发编辑效果与发布后运行效果一致。预览效果符合预期后，可直接发布大屏页面，并在线查看城市交通状况。 在已创建的大屏页面中，单击页面上方的，预览页面效果。 如果预览效果不符合预期，可进行微调，直至符合预期。 单击，打开“发布链接”开关，获取页面访问地址。
、折线图的线条、拐点等。 图6 水平堆叠柱图图形 颜色：设置图表中图形的颜色。 统一配置 水平堆叠：是否堆叠显示。 横向柱条：是否横向柱条效果显示。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 数据标签：是否
翻牌器 翻牌器是文本组件的一种，通过设置翻盘动画效果，来动态展示数据的变化过程。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“翻牌器”组件至画布空白区域，如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
线开关，隐藏y轴网格线。 图20 显示区域图x轴网格线 图21 打开区域图y轴轴线隐藏网格线 单击页面上方的，保存后单击，预览效果。 图22 查看预览效果
时间翻牌器 时间翻牌器是文本组件的一种，用于使用翻牌器效果动态展示当前时间。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间翻牌器”组件至画布空白区域，如图1。 图1 时间翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡
路由视图 路由视图是导航组件的一种，通过配置不同页面，在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用，提升性能。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由视图”组件至画布空白区域，如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图
亮”，“dataIndex”设置为“0”。 图3 设置动作详情 保存交互设置，预览页面，echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题： 组件管理
显示占比：进度条上是否显示占比。开启后，支持设置前缀、后缀和数值显示位置等。 显示内容宽度占比：设置进度条上显示内容宽度占比。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图7 进度条提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。
me的取值改变而改变。 图8 设置全局变量后效果 单击“确定”后，单击“完成”，返回开发页面。 单击页面上方的，保存页面。 保存成功后单击，参考发布页面中操作，发布页面。 打开发布的页面网址，查看最终设置效果。 图9 查看最终设置效果 父主题： 自定义组件说明
数据中的total字段，必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图8 查看后台分页效果 父主题： 组件管理
在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台排序效果 父主题： 组件管理
在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台筛选效果 父主题： 组件管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
