检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。 图9 散点图坐标轴 x轴 X轴：是否显示X轴。 X轴坐标轴类型：设置X轴坐标轴类型，支持连续数据、类目轴和时间轴。 坐标轴分割段数：设置X轴坐标轴段数。 最大值：X轴线标签数据的最大值。 最小值：X轴线标签数据的最小值。 坐标轴名称：设置X轴坐标轴显示名称。
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。
在配置文件中，添加如下内容： # 配置当前机器的ip（默认127.0.0.1） hostIp: 10.10.*.* # 配置http连接器超时时间（默认3000） http: connectTimeout: 30000 socketTimeout: 30000 magno:
轮播：是否开启轮播效果。 轮播类型：设置图表的轮播类型，支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果 图8 X轴数据轮播效果 间隔时间：设置图表的轮播时间间隔，不能大于24秒。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
轮播类型：设置图表的轮播类型，支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果 图8 多区域折线图X轴数据轮播效果 间隔时间：设置图表的轮播时间间隔，不能大于24秒。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
页面数据来源介绍 组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。AstroCanvas中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。
其他数据源 配置组件数据时，支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前，需要提前在数据中心创建各种类型数据源，配置
全局样式 排行榜行数：设置排行榜的行数。 背景色：设置排行榜背景的颜色。 自动轮播：是否开启自动轮播功能。开启后，支持设置轮播速度和单行停顿时间。 表头设置 显示表头：是否显示表头。 表头行高占比(%)：设置表头的行高占比。 背景色：设置表头的背景颜色。 对齐方式：设置表头的对齐方式，如水平居中、居左和居右。
组件间交互 操作场景 组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。
复制项目版本 项目创建完成后，支持将项目中发布的版本复制到其他工作空间。 复制项目版本 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，将鼠标放在对应的项目上，单击。 选择对应的工作空间和项目版本，单击“确定”。 图1 选择工作空间和项目版本
表格行数：当前页显示多少行数据。 背景色：设置表格的背景颜色。 轮播：表格是否轮播。设置为“是”时，支持设置单行是否停顿、轮播速度和单行停顿时间。 横向滚动：是否开启横向滚动。 行配置 奇行背景色：设置奇数行数据的背景颜色。 偶行背景色：设置偶数行数据的背景颜色。 溢出文本：设置表
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
DLI数据源 数据湖探索（Data Lake Insight，简称DLI）是完全兼容Apache Spark、Apache Flink、openLooKeng（基于Apache Presto）生态，提供一站式的流处理、批处理、交互式分析的Serverless融合处理分析服务。用户
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新
上传自定义组件 将自定义组件上传到AstroCanvas中，并在页面中使用。 上传自定义组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面。
参考模板：系统预置的组件样式模板，如默认、带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。开启轮播效果后，轮播时间间隔不能超过24秒。 图6 区域图配置 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
参考模板：系统预置的组件样式模板，如默认、极简等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。开启轮播效果后，轮播时间间隔不能超过24秒。 图6 基本折线图配置 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
