检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。 新建DLI数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
瀑布柱图 瀑布柱图是柱状图的一种，具有自上而下的流畅效果，在企业经营分析、财务分析中使用较多，用以表示企业成本的构成、变化等情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“瀑布柱图”组件至画布空白区域，如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
起始角度：扇区起始角度。 最小角度：扇区最小角度。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：图表的各个数据系列上，是否显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：标签前是否显示视觉引导线。
颜色等。 百分号左间距：设置数值和百分比之间的间距。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 满月饼图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。
提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 双向柱图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框内容格式，如系列名、数据名和数据值。 坐标轴 在坐标轴中，设置图表的x轴和y轴，如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。
图层标签 标签悬浮：开启时，鼠标悬浮在图层上时会显示标签。 标签字体：设置标签的字体、大小和颜色等。 镜头编辑 在弹窗上拖拽、缩放、旋转 (仅3D视图) 到期望位置后保存，组件的相应配置项会跟随更改。 图12 地图中心经度/纬度发生变化 交互 在交互中，配置地图与其他组件或页面之间的
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
配置数据集参数。 图2 配置数据集参数 查询类型：设置查询数据的类型，如查询时间范围内的数据或瞬时数据。 查询周期：设置查询时间的周期，某一个时间段内或某个时间点。 最大采样点数：设置查询数据的个数，取值范围为[1, 10000]。假设，查询周期设置为过去的3小时，最大采样点数设置
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图表背景：图表的背景颜色。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 布局：散点图（不包含组件标题）距离整个组件四边（上、下、左、右）的距离。 图4 散点图布局
树状表格 树状表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“树状表格”组件至画布空白区域，如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
包嗅探攻击。 设置内容安全策略 参考创建页面中操作，创建一个大屏页面。 在大屏开发页面，单击页面上方的，保存页面。 保存成功后，单击页面上方的，进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中，配置内容安全策略。 例如，将A市交通管理大屏嵌入第三方系统，如图2所示。
实心圆饼图 实心圆饼图是饼图组件的一种，通过实心圆的方式，将数据信息清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“实心圆饼图”组件至画布空白区域，如图1。 图1 实心圆饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由
过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置时间选择器的类型、输入框和弹出框的字体颜色等。 图4 时间选择器配置 时间选择器的类型 选择器类型：支持时间范围和瞬时两种。
选中实心圆饼图，单击，进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中，单击“+ 交互事件”，选择“当点击数据时”。 在响应动作中，单击“+ 响应动作”，选择“组件响应”。 在动作详情中，设置具体的响应动作。 本示例中，通过选择事件参数，来控制组件值的变化
日期选择器 日期选择器是文本组件的一种，用于在页面选择日期。日期选择器由输入框和日期弹出框组成，单击该组件的输入框，弹出日期选择框可选择具体日期。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“日期选择器”组件至画布空白区域，如图1。 图1 日期选择器 图2 边距样式说明 卡片
通用表格 通用表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“通用表格”组件至画布空白区域，如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
0MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
