检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 基础表格图形 统一配置 图标选中色：设置图标选中时的颜色。设置的图标选中色，对所有列均有效。
发布页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待发布的页面上，单击，进行页面发布设置。 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。
图6 树状表格中新增条件格式 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 树状表格图形 统一配置 图标选中色：设置选中前台排序、前台筛选时，图标的显示颜色。
复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“图层”中，将鼠标悬浮在组件上，单击“复制并粘贴”。
图5 设置Token认证信息 ：打开Token认证开关后，华为云Astro大屏应用会生成一个Token。单击该图标，可复制Token。 签名地址只允许打开一次：开启后，签名地址仅允许在当前浏览器中使用。关闭浏览器后，再次访问时需要重新获取签名地址。
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 词云图形 颜色：设置图表中图形的颜色。 统一配置 是否展示：是否展示词云，默认为是。 词云形状：设置词云形状，如圆形、心形、三角形等。 字体：设置词云的字体。
在大屏设计页面，从“全部组件 > 文本”中，拖拽“复选框”组件至画布空白区域，如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
图1 输入项目的新名称 父主题： 项目管理
创建项目变量 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”，获取项目编辑权限。
样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
图7 更新桥接器 返回我的桥接器页面，可查看到桥接器名称变为“桥接器-Update”。 图8 新桥接器 在桥接器上，单击，可查看到桥接器的新版本。 图9 桥接器新版本 下载桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。 图1 Iframe布局框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
在大屏设计页面，从“全部组件 > 文本”中，拖拽“下拉选择框”组件至画布空白区域，如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
在作为触发器中，单击“+ 交互事件”，选择“饼图事件”。 饼图事件对应饼图选项卡，当选择饼图时，显示两个饼图组件，隐藏其他图表组件。 图6 显示饼图组件 图7 隐藏其他图表组件 按照上述操作，分别设置柱图事件、折线图事件和气泡图事件选项卡对应的交互动作。
图5 设置为固定参数 图6 设置为变量参数 图7 跳转页面地址中会带上设置的参数 在页面一中，选中基本饼图，单击组件上方的，设置基本花饼图和页面三之间的交互。 图8 与页面三之间的交互 单击，保存页面后单击，预览效果。
在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间轴”组件至画布空白区域，如图1。 图1 时间轴 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间翻牌器”组件至画布空白区域，如图1。 图1 时间翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
