检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
基于Echarts实现的一个柱状图组件模板，包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板，包含基本配置项、交互、数据对接等能力。 widgetVueTemplate 当需要使用Vue library时，请选用该模板。
页面。 初识开发页面：AstroCanvas一站式数据可视化开发页面，由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成。在开发页面前，建议先了解其功能。 使用空白画布新建页面：通过拖拽组件、设置页面布局、组件数据和交互方式等，构建可视化页面。页面创建后，请根据自身业务需求，为页面添加组件。
能，请您在2023年8月11日前订购AstroCanvas，并按照本章节中的操作完成数据迁移，防止云服务资源释放，导致项目数据丢失。 数据迁移 登录AstroZero中的业务大屏界面，导出项目数据。 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。
在弹窗上拖拽、缩放、旋转 (仅3D视图) 到期望位置后保存，组件的相应配置项会跟随更改。 数据 在数据中，设置高德地图组件的数据来源，更多介绍请参见数据接入。新增图层后，才会显示数据配置项。 图17 配置高德地图组件数据 交互 在交互中，配置高德地图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
AstroCanvas分享页Token签名校验使用说明 通过Token参数签名校验功能，可以对大屏交互时传递的URL进行签名鉴权，保证大屏的URL访问链接不会被篡改，从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前，需满足以下条件： AstroCanvas大屏页面，使用Token验证的方式进行发布。
提高大屏数据及用户信息的安全性。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。
在AstroCanvas中，通过设置Token认证，可以对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见AstroCanvas分享页Token签名校验使用说明。 设置Token认证
预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。
设置背景：设置为“是”时，可自定义饼图的背景颜色。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：图表中实际显示的系列名称。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。
新增条件格式：单击“新增条件格式”，可设置条件和响应数据列的样式。如何新增条件格式，请参见新增条件格式。 数据 在数据中，设置文本编辑组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 从数据中获取文本内容 在大屏设计页面，从“全部组件
设置背景：饼图背景颜色、内外半径设置。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：图表中实际显示的系列名。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 基本漏斗图图形 颜色：设置图表中，图形的颜色。 统一配置 数据块高度(%)：设置漏斗图的高度比。 标签字体：设置数据块中标签的字体、颜色、大小。 数据系列 系列名称：原始数据中默认的
开启表头排序 数据系列 列数据键值：原始数据中默认的系列名称，可通过设置“列名”，进行修改。文字内容来源于数据模型的取值。 列名：自定义图表中数据系列的显示名称。 列宽占比：设置该数据系列的列宽占比。 背景色：设置该数据系列的背景色。 对齐方式：设置该数据系列中数据的对齐方式，如水平居中、左侧等。
筛选功能。 图11 在后台对数据进行筛选 数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。 图12 数据系列 在数据系列中，拖动某一个系列可以和其他系列组成一个层级，最多支持3层。 图13 新建层级 原数据名：原始数据中默认的系列名称，可通过设置
前台排序：是否开启前台排序功能（表格中的所有列），用于对表格中的数据进行排序。 图8 开启前台筛选效果 前台筛选：是否开启前台筛选功能（表格中的所有列），用于对表格中的数据进行筛选。 图9 开启前台筛选效果 数据系列：设置组件名称、时延和成功率三大数据的属性。 原数据名：原始数据中默认的系列名称，可通过设置“列
显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图9。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置玫瑰花饼图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置玫瑰花饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
应的序列上会显示提示信息，如图20。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置实心圆饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置实心圆饼图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。
字体：设置组件的字体、大小和颜色等。 评星大小：设置评星显示星星的大小号。 数据系列 原数据名：原始数据中默认的数据名，内容来源于数据模型的值。 宽度占比(%)：设置列名的宽度占比。 显示方式：设置数据的显示方式，数据为图片地址时可以展示为图片。 对齐方式：设置数据的对齐方式。 字体：“显示方式”设置为“文字”
坐标轴轴线 显示轴线：是否显示轴线。 轴线颜色：设置轴线颜色。 数据系列 名称：系列的名称。 最大值：设置系列的最大值。 最小值：设置系列的最小值。 颜色：设置系列颜色。 数据 在数据中，配置雷达图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置雷达图与其他组件或页面之间的
后缀内容：直接在下拉框中选择。 后缀字体：设置后缀的字体、大小和颜色等。 后缀左间距：设置后缀和指标之间的间距。 图9 后缀左间距 数据 在数据中，设置指标组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置指标组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
