检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
字体大小：设置趋势数字前缀的字体大小。 后缀：设置趋势数字的后缀，如%。 字体大小：设置趋势数字后缀的字体大小。 数据 在数据中，设置多趋势组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置多趋势与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。 数据 在数据中，设置树状下拉框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
使用空白画布新建页面 创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 操作场景 从零开始，通过拖拽组件、设置页面布局、数据源等，构建AstroCanvas大屏&PC端页面。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
、大小和颜色等。 下降趋势数字字体：设置下降趋势数字的字体、大小和颜色等。 趋势位置：趋势相对于数字的位置。 数据 在数据中，设置趋势组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置趋势与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
设置背景：设置为“是”时，可自定义饼图的背景颜色。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：图表中实际显示的系列名称。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。
100000]，单位为ms。 单次变换间隔：设置动画单次变换间隔时间，取值范围为[50, 1000]，单位为ms。 数据 在数据中，设置翻牌器的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置翻牌器与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
柱条宽度：柱状条相对于X轴单位间隔的宽度。 数据标签：是否显示数据标签，即柱状条旁是否显示数值。开启后，支持设置数值显示位置和数值颜色。 数据标签最大值/最小值：是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
柱条宽度：柱状条相对于X轴单位间隔的宽度。 数据标签：是否显示数据标签，即柱状条旁是否显示数值。开启后，支持设置数值显示位置和数值颜色。 数据标签最大值/最小值：是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 图形 颜色：设置图表中，图形的颜色。 统一配置 数据块高度(%)：设置漏斗图的高度比。 标签字体：设置数据块中标签的字体、颜色、大小。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 操作步骤 参考使用模板新建页面中操作，创建一个大屏页面。 例如，使用交通管理模板，创建一个大屏应用，命名为A市交通管理大屏。
录AstroCanvas界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”，从本地上传图片作为项
签字体、背景颜色、内边距等。 轴线分段颜色：单击“轴线分段颜色”，可新增分段，支持设置轴线的位置和默认颜色。 数据 在数据中，设置仪表盘组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置仪表盘与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 组件介绍
轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置水位图组件的数据来源，更多介绍请参见数据接入 交互 在交互中，配置水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
css 组件的样式文件，在该文件中编写组件的CSS样式。 EchartsWidgetTemplate.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件。 widegtApi
可看到渲染效果。 图11 查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图12 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块
输入上述转换器的数据处理代码，表示获取“result”数据。 新建数据集。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。 设置数据集名称、选择数据类型、数据源和目录，单击“保存”。 图3 新建数据集 数据集名称：数据集的名称，用于标识该数据集。本示例
自定义围栏数据 热力图层数据：热力图层数据桥接器/数据集，根据省/直辖市数值大小，热力图层颜色深浅不一。 柱状图层数据：柱状图层数据桥接器/数据集，根据省/直辖市数值大小，柱子颜色、高度不一。 标签图层数据：标签图层数据桥接器/数据集，以标签形式展示省/直辖市具体数据。 交互 在
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理，支持多种数据源，如静态数据、调用AstroZero API接口、ROMA API接口和AstroZero报表等。 数据源管理：新增并管理关系型数据库、DWS、DLI和AstroZero等数据源。 数据集管理：新增
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
