检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 标记图形:设置标记的图形,支持无、圆形、矩形和圆角矩形。 标记大小:设置标记的大小。 折线拐点标志颜色:设置折线拐点的标志颜色。 折线宽度:设置折线宽度。 折线类型:设置折线类型,支持实线、点线和虚线。
用,缓解数据包嗅探攻击。如何设置内容安全策略,请参见如何设置内容安全策略。 图10 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。 图11 关闭阻止第三方Cookie 父主题: 创建页面
其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图6。 图6 获取大屏URL地址 图7 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭(如图8),否则无法正常预览页面。 图8 关闭阻止第三方Cookie 父主题: AstroCanvas学堂
如何通过全局变量,实现组件数据的动态变化 在AstroCanvas中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源
ECharts图表 为了拓展预置组件的能力,AstroCanvas集成了Echarts图表库。ECharts是当前使用最为广泛的开源图表库之一。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 以基础折线图为例,在大屏设计页面,从“全部组件 > EChar
初识开发页面 可视化开发页面 AstroCanvas一站式数据可视化开发页面,由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成,各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中,可以查看到各种
OpenLayers地图 OpenLayers地图是一个离线地图组件,可以基于OpenLayers添加各类图层。 在大屏设计页面,从“地图”中,拖拽“OpenLayers地图”组件至画布空白区域,如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
高亮颜色:设置碑节点高亮状态的颜色。 聚焦颜色:设置碑节点聚焦状态的颜色。 轴条默认颜色:设置碑节点轴条的默认颜色,数据系列1中无轴条设置选项。 轴条选中颜色:设置碑节点轴条的选中颜色,数据系列1中无轴条设置选项。 显示详情:是否显示详情。 默认详情字体:设置默认详情的字体、颜色和大小等。 选中详情字体:设置选中详情的字体、颜色和大小等。
使用AstroCanvas预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态,如进出城车辆、路况信息和交通指数等,效果如图1所示。本入门以使用AstroCanvas中预置模板构建一个交通管理大屏为例,向您介绍如何在AstroCanvas中快速构建可视化页面。 图1
排行榜 排行榜是文本组件的一种,用于根据一定的条件,描述数据的先后关系。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“排行榜”组件至画布空白区域,如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
地图 AstroCanvas中的地图组件为二维地图,支持高德、百度、天地图和自定义地图。 在大屏设计页面,从“地图”中,拖拽“地图”组件至画布空白区域,如图1。 图1 地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。