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