检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标题：是否显示标题。打开该开关后，可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间翻牌器配置 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。
直接单击模板，可进入新建项目弹框，直接创建项目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理，支持多种数据源，如静态数据、调用华为云Astro轻应用API接口和ROMA API接口等。 数据源管理：新增并管理关系型数据库、DWS、DLI和华为云Astro轻应用等数据源。 数
AstroCanvas预置组件新增高德地图和3D场景编辑器。 高德地图：高德地图是地图组件的一种，支持底图、样式、2D、3D模式、图标和飞线等动态配置，用于满足用户在GIS或IOC等场景对地图的要求。 3D场景编辑器：在AstroCanvas企业版实例中，为您预置了3D场景编辑器组件，用于实现3D模型的展示和编辑。
ro大屏应用界面。 在编辑页面状态下，选择“数据”，单击“+”。 输入页面数据集的名称，单击“确定”。 图3 新建页面数据集 页面数据集名称：数据集名称长度为1~60个字符，可包括中文、字母、数字和下划线。 描述：新建数据集的附件描述信息，通常设置为数据集的功能或使用场景，长度为0~512个字符。
在新增目录页面，输入目录的名称，单击“确定”。 名称的长度为1~64个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 图1 新建一个目录 确认后，在数据集管理页面的左侧目录树中，可查看到已创建的目录。 图2 查看已创建的目录 重命名目录 目录创建后，支持修改目录的名称。 参考登
全部”。 在数据集管理页面，单击“新建数据集”。 在新增数据集页面，设置数据集名称、选择数据类型、数据源和目录，单击“保存”。 图2 新建华为云Astro大屏应用API数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“AstroZero
四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左
在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。 在新增数据集页面，设置数据集名称、选择数据类型、数据源和目录，单击“保存”。 图1 新建DWS数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“DWS”。
echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst.dispatchAction({
在配置中，设置时间选择器的类型、输入框和弹出框的字体颜色等。 图4 时间选择器配置 时间选择器的类型 选择器类型：支持时间范围和瞬时两种。 快捷时间：是否显示快捷时间，默认为“显示”。“选择器类型”设置为“时间范围”时，才显示该参数。 图5 显示快捷时间效果 值类型：支持实时和固定时间两种类型。选择实时，快捷时间为now形式，如图6。
支持高德、百度、天地图和自定义地图。 在大屏设计页面，从“地图”中，拖拽“地图”组件至画布空白区域，如图1。 图1 地图组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 地图卡片
API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义，获取转义后的字符串供页面显示用，使用方式参考如下： /* * @param {*}
px”，不填写默认为“200px”。 i18n：指定组件的国际化资源文件，详细介绍请参见i18n.json。 requires：依赖的库名称和版本号。 父主题： 目录文件详解
log(data); console.log($pageStore); 单击页面上方的，保存页面。 单击，在预览页面，设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后，按F12，在“Console”页签，即可获取查看eventParam。 图5 eventParam data：保存最详细的动作信息对象。
值。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 标记图形：设置标记的图形样式，如圆形、矩形、三角形等。 标记大小：设置标记的大小。 颜色设置：设置标记颜色样式，支持纯色、线性渐变和径向渐变。 颜色：设置标记的颜色。
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选择“数据”，单击“+”。 输入页面数据集的名称，单击“确定”。 在新建页面数据集页面，拖入一个数据输入节点，并选择数据源。 从“数据转换”中，拖拽一个转换器节点到输入节点后，此时页面会出现一个图标。
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
、最小值或平均值。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 标记图形：设置标记的图形样式，如圆形、矩形、三角形等。 颜色设置：设置标记颜色样式，支持纯色、线性渐变和径向渐变。 颜色：设置标记的颜色。
后缀字体：设置数值后缀的字体、大小和颜色等。 左间距：设置后缀和数值之间的间距。 主要趋势：是否显示主要趋势，设置为“显示”时，除了可以设置趋势位置外，还支持设置如下属性。 趋势名称：设置主要趋势的名称。 趋势名称字体：设置主要趋势名称的字体、大小和颜色。 数字字体：设置主要趋势数字的字体、大小和颜色。 趋势位置：设置主要趋势的位置。
个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新增自定义事件”，修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件 在事件实现中，输入如下代码，即echarts实例的“单击系列”动作将
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
