检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考模板：系统预置的组件样式模板，支持默认和带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。 图6 多区域折线图配置 轮播：是否开启轮播效果。 轮播类型：设置图表的轮播类型，支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果
件。 边框圆角：设置边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：设置图表的背景颜色。 配置 在配置中，可进行组件标题和提示框的设置。 图4 仪表盘配置 组件标题 设置标题：是否显示组件标题。 内容：设置标题内容。 位置选择：设置标题的显示位置，支持左、右和中。
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置选项卡基础样式和选项卡设置。 图4 选项卡配置 基础样式设置 标签圆角：设置标签圆角的大小，“0”为直角。 图5 标签圆角 标签间距：设置标签之间的距离，默认为“0”。
字体：设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏：在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 表格导出：是否开启表格导出功能。开启表格导出后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示：开启后
getProperties 获取该组件配置的属性值，组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
字体：设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏：在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出：是否开启表格导出功能。开启表格导出后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 图5 导出开启效果
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的文本、段落和文本滚动方向。 图4 文本编辑配置 文本设置 文本内容：请输入文本内容，您也可以从后台数据中获取文本内容，详情请参见从数据中获取文本内容。 字体：设置文本字体、大小和颜色等。
边距：组件中图表距离整个组件四边（上、下、左、右，如图3）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图5 天气配置 统一配置 是否显示未来天气预测：是否展示未来一周的天气预报。 背景颜色：天气预报的背景颜色。 今日温度 是否显示：是否显示今日温度。
以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图5 设置内容安全策略 开
参考模板：系统预置的组件样式模板，如默认、带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。 图6 多折线图配置 轮播：是否开启轮播效果。 轮播类型：设置图表的轮播类型，支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果
链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
Profile）的用户。 客户端密码：调用华为云Astro轻应用的接口前，需要配置“客户端模式”OAuth鉴权的客户端鉴权密钥，获取方法请参考客户端模式接入认证。 描述：新建数据源的描述信息。 单击“连接测试”，显示“连接成功”，表示数据源可以调通。 单击“保存”，完成数据源的创建。 父主题： 数据源管理
在大屏设计页面，从“全部组件 > 图表”中，拖拽“双向柱图”组件至画布空白区域，如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 双向柱图卡片 卡片装饰：卡片装饰设置，可根据自身的
自定义的事件名为“sendSelect”，必须配置。 在组件“.js”文件逻辑代码中，使用“thisObj.triggerEvent()”方法触发该事件时，要将变量字段传入发送的data中。 desc 事件的中英文描述，可描述事件的具体场景、作用，必须配置。 fields 变量列表，必须配置，即事件对外输出的
以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图6 设置内容安全策略 开
图7 气泡图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据名和数据值，也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。 图8 气泡图坐标轴
多种数据接入能力，在大屏资产中心里，可保存多种卡片，快速进行业务调整，随心所选 、高效复用。 同一租户下可配置组织划分，可以根据群体权限隔离，支持独立空间管理大屏。 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色：设置图表中，图形的颜色。 统一配置：统一配置中设置的内容，对图表中所有数据系列均生效。 数据系列：图表是否显示数据系列。 南丁格尔图：是否使用南丁格尔图。 内半径：设置饼图内半径的值，单位%。
triggerEvent('sendSelect', params); }, 全局变量 组件触发自定义事件时，可以给全局变量赋值，fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String
在大屏设计页面，从“全部组件 > 图表”中，拖拽“折柱图”组件至画布空白区域，如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 折柱图卡片 卡片装饰：卡片装饰设置，可根据自身的业
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
