检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
华为云Astro大屏应用根据您选择的实例版本、页面扩容包和购买时长进行计费。华为云Astro大屏应用提供了三种不同的套餐版本，均为包年/包月购买方式。如果您需要快速了解华为云Astro大屏应用服务的具体价格，请参见华为云Astro大屏应用价格详情。 表1标“*”的计费项为必选计费项。 表1
根据图标图片的数量，会将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的图标，区域范围外的图标将不显示。 图片宽度：设置图片的宽度。 图片高度：设置图片的高度。 上下偏移：设置图标根据点经纬度的上下偏移。
包年/包月资源 对于包年/包月计费模式的资源，用户在购买时会一次性付费，服务将在到期后自动停止使用。 如果在计费周期内不再使用包年/包月资源，您可以执行退订操作，系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则，请参见云服务退订规则概览。
对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓
标题离容器上边距：标题距离组件上方的距离。 标题离容器左边距：标题距离组件左边的距离。 字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 进度条图形 颜色：设置图表中，图形的颜色。 统一配置
下“s”的取值。 图例标记：设置图例小图标形状和图例列表布局朝向。 图例宽高：设置图例的宽度和高度。 图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距：图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。
左右偏移量：设置时间的左右偏移位置。 数据系列 显示碑节点样式：是否显示碑节点样式。 默认状态样式：设置碑节点的默认状态样式，支持图片改色和上传图片两种样式。 默认颜色：设置碑节点的默认样式的颜色。 选中状态样式：设置碑节点的选中状态。 选中颜色：设置碑节点选中时的颜色。 高亮状态样式：设置碑节点高亮状态的样式。
华为云Astro大屏应用支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值，详情请参见全局变量。 全局变量中的作用次数，用于统计该全局变量被使用了多少次。单击作用次数下的具体次数，可查看该全局变量的作用域。 图3 设置全局变量 图4 查看全局变量作用的域 页面开发流程 在华为云
{widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。 getConnectorInstanceByName
图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图9 基本折线图图例 显示图例：是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记：设置图例小图标形状。 图例宽高：设置图例的宽度和高度。 图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。
您可以直接使用该页面，也可以根据自身业务的需求进行二次开发。 单击页面上方的，保存页面。 单击页面上方的，预览应用页面。 如果页面预览效果和预期效果不一致，可再次返回开发页面进行调整。 单击页面上方的发布图标，进行页面发布设置。 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。
图例宽度：设置图例的宽度。 图例高度：设置图例的高度。 位置选择：设置图例的显示位置，支持左、右和居中显示。 图例间隔：设置图例之间的间隔。 字体：设置小图标的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 文字风格：设置小图标文字的风格，支持设置为正常、斜体和倾斜体。
选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认和带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。
华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐，各套餐的功能说明如表1所示，具体计费详情请参见AstroCanvas产品价格详情。 华为云Astro大屏应用基础版：基于平台预置模板、基础组件，可快速开发专业水准的大屏。 华为云Astro大屏应用专
水平方向偏移距离：气泡图中气泡在水平方向上的偏移位置。 垂直方向偏移距离：气泡图中气泡在垂直方向上的偏移位置。 图形透明度：气泡图中气泡的透明度。 数据标签：显示气泡图对应的数值标签。 图表标注和标线最大值：显示对应数据系列数据的最大值。 图表标注和标线最小值：显示对应数据系列数据的最小值。 图表标注和标线平均值：显示对应数据系列数据的平均值。
API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken 通过ajax的方式，调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。
轮播类型：设置图表的轮播类型，支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果 图8 X轴数据轮播效果 间隔时间：设置图表的轮播时间间隔，不能大于24秒。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图9
包年/包月是一种先付费再使用的计费模式，适用于对资源需求稳定且希望降低成本的用户。通过选择包年/包月的计费模式，您可以预先购买华为云Astro大屏应用云服务资源并获得一定程度的价格优惠。本文将介绍包年/包月华为云Astro大屏应用资源的计费规则。如果您需要快速了解华为云Astro大屏应用服务不同计费
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
