检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击“地图散点”，进入地图散点的配置页面。 在“样式”页签，配置散点的散点大小、样式、颜色和透明度。 图5 配置地图散点样式-3D世界地图 在“数据”页签，配置散点的经纬度和大小。 数据格式：lon为散点的经度；lat为散点的纬度；value为散点的值，与样式中散点大小一起决定散点的大小，value值越大，散点越大。
字段，请配置lon和lat字段映射到数据源中的字段名称，如果配置为空，则表示字段名称和所映射的数据源中的字段名称相同。 lat：散点的纬度。 lon：散点的经度。 value：散点的值，与样式中的“大小”一起决定散点的大小，value值越大，散点越大。 数据源的数据格式为JSON格式，示例如下：
颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。 字体粗细：设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动画：组件第一次渲染动画的时长，单位为ms。 动画效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。
半径：只用半径的长短来显示数据的大小； 半径及圆心角：用面积的大小来显示数据的大小 标签属性 显示/隐藏标签属性：单击“标签属性”右侧的勾选框，表示显示标签属性，表示隐藏标签属性。 标签距中间：设置标签值和中间位置的距离。 轴距长度：设置标签的长度。 字号：设置标签值的字号。 颜色：设置标签值的字体颜色。
单击img字段右侧的按钮可添加一个自定义图标样式。对于已添加的自定义样式，单击某个系列右侧的按钮可删除该系列。 添加自定义样式，配置如下： 系列值：输入img字段的某个值。如果源数据中的某个区域的img字段和该值相同，则在区域排行中显示为该自定义样式的图标。如果源数据中的区域的img字段
文本：设置x轴的文本样式，包括字号、字体颜色、字体粗细、角度。 轴标签：设置x轴的最大值、最小值和分割数。 轴单位：设置x轴的单位名称和字体颜色。 坐标轴：设置x轴的颜色。 轴刻度：单击“轴刻度”右侧的勾选框，表示显示轴刻度，表示隐藏轴刻度。 网格线：设置x轴的网格线的颜色。 图4
台阶图可用于展示无规律的、阶梯式跳跃的数值的变化情况，且这种变化并不是线性的、连贯的。本章节主要介绍台阶图组件各配置项的含义。 图1 台阶图 样式 尺寸位置 图表尺寸：图表的宽和高。单位均为px。 图表位置：图表在画布中的位置。单位均为px。 全局样式 字体：组件中文本的字体。 数据点位置：数据点在台阶线上显示的位置。
字号：设置y轴文本的字号大小。 颜色：设置y轴文本的字体颜色。 字体粗细：设置y轴文本的字体粗细样式。 角度：设置y轴文本的角度大小。 轴标签：设置y轴的显示格式，最大值和最小值。 轴线颜色：设置y轴的颜色。 网格颜色：设置y轴的网格线颜色。 轴单位：设置y轴的单位、字号和颜色。 图3
地图散点 以散点的形式表现地图中的某些地理位置的数据信息，散点的样式、经纬度参考以下步骤进行配置。 单击“添加子组件”，添加地图散点。 单击“地图散点”，进入地图散点的配置页面。 在“样式”页签，配置散点的散点大小、样式、颜色、透明度和选中样式的颜色，提示信息的颜色、字号、字体粗细。
环形柱图 环形柱图是柱状图的一种，常用于展示不同系列的数据的对比情况。本章节主要介绍环形柱图组件各配置项的含义。 图1 环形柱图 样式 尺寸位置 图表尺寸：图表的宽和高。单位均为px。 图表位置：图表在画布中的位置。单位均为px。 图形属性 柱间间距：环形柱子之间的距离，单位为px。
型”时，显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时，该配置项不生效。 字号：设置x轴文本的字号大小。 颜色：设置x轴文本的字体颜色。 角度：设置x轴文本的角度大小。 字体粗细：设置x轴文本的字体粗细样式。 轴线颜色：设置x轴的颜色。 网格颜色：设置x轴的网格线颜色
左右间距：可通过拖动或输入数值设置百分数值和百分比的间距大小。 字体粗细：设置百分数值的字体粗细样式。 字体：设置百分数值的字体。 小数位：设置百分比中可保留的小数位个数。 数据 如何使用组件的数据配置，请参照设置组件数据。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。 父主题：
对齐方式：设置标题的对齐方式，可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 标题名：设置标题的名称。 字体：设置标题的字体。 字号：设置标题的字号。 颜色：设置标题的字体颜色。 字体粗细：设置标题的字体粗细。 数据 name：组件显示的标题名称。 当“n
颜色：单击颜色编辑器设置极轴的颜色。 宽度：输入数值或单击设置极轴的宽度。 分割线 颜色：单击颜色编辑器设置分割线的颜色。 线条数量：输入数值或单击设置分割线的线条数量。 线条样式：单击下拉框设置分割线的线条样式。 线条宽度：输入数值或单击设置分割线的线条宽度。 填充颜色 颜色：单击颜色编辑器修改各区域的颜色。
显示/隐藏序列号：单击“序列号”右侧的勾选框，表示显示序列号，表示隐藏序列号。 文本：设置序列号的文本样式，包括字号、颜色和字体粗细。 列宽占比（%）：输入数值或拖动，设置序列号这一列的宽度。 内容 文本：设置组件文本的样式，包括字号、颜色和字体粗细。 跑马灯：勾选跑马灯右侧的时，组件文本会按照跑
触发类型：设置提示信息的触发类型，可以选择坐标轴和数据项。 颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。 字体粗细：设置提示信息的字体粗细样式。 图5 提示信息-线状图 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。
柱子宽度：柱子的宽度。 内边距：胶囊的外部边框和柱子之间的距离。 边框颜色：胶囊外部边框线的颜色。 边框宽度：胶囊外部边框的宽度。单位为px。 背景色：胶囊外部边框的填充色。 图2 柱子样式-水平胶囊柱图 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设
坐标轴：设置y轴的颜色和宽度。 轴刻度：单击单击“轴刻度”右侧的勾选框，表示显示轴刻度，表示隐藏轴刻度。 轴单位：设置y轴的单位名称，单位名称的字体颜色和位移。 视觉映射 最小值：单击设置视觉映射的最小值。 最大值：单击设置视觉映射的最大值。 填充颜色：单击颜色编辑器设置视觉映射时的颜色。
上下间距：输入数值或拖动，设置表格的上下间距。 边框线：输入数值或拖动，设置表格边框线的粗细和颜色。 列 分割线：设置分割线的粗细和颜色。 第一列：设置第一列的宽度；第一列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。 第二列：设置第二列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。
轴标签：设置y轴的显示格式，最大值、最小值和分割数。 轴单位：设置y轴的单位名称和字体颜色。 坐标轴：设置y轴的颜色。 网格线：设置y轴的网格线颜色。 图4 y轴-折线柱图 图例 显示/隐藏图例：单击“图例”右侧的勾选框，表示显示图例，表示隐藏图例。 文本：设置图例的文本样式，包括字号、字体颜色、字体粗细。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
