检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：图表模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：是否显示图表的标题。设置为“显
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的双向柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角半
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的瀑布柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角半
热力图是柱状图的一种，通过对色块着色来显示数据的统计图表。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“热力图”组件至画布空白区域，如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片
在大屏设计页面，从“全部组件 > 图表”中，拖拽“区域图”组件至画布空白区域，如图1。 图1 区域图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰
域，来表示数据在不同维度的具体表现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“雷达图”组件至画布空白区域，如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图6 显示图表标题 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 颜色：设置图表中，图形的颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。
基本柱图是柱状图的一种，通过柱形图来呈现数据整体的表现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域，如图1。 图1 基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片
在大屏设计页面，从“全部组件 > 图表”中，拖拽“散点图”组件至画布空白区域，如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图4 弧度设置为160效果 图表背景：图表背景的颜色。 图表标题：图表的标题是否显示，设置为显示时，可自定义图表标题。 图5
在大屏设计页面，从“全部组件 > 图表”中，拖拽“满月饼图”组件至画布空白区域，如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图3），默认为0，即铺满整个组件。 参考模板：系统预置的折柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角半径
在大屏设计页面，从“全部组件 > 图表”中，拖拽“进度条”组件至画布空白区域，如图1。 图1 进度条 图2 进度条效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图4 卡片 卡片装饰
在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本漏斗图”组件至画布空白区域，如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片
Studio对象预置API一览表 表1 Studio对象预置API一览表 API API说明 registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction
多折线图是线状图的一种，通过多折线的表现形式，展现不同数据之间变化趋势。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多折线图”组件至画布空白区域，如图1。 图1 多折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的水平基本柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
