适用场景:饼图主要用于展现不同类别数值相对于总数的占比情况。图中每个分块(扇区)的弧长表示该类别的占比大小,所有分块数据总和为100%。
当前饼状图的样式设置可设置图表位置、图表尺寸、扇形设置,提示框设置,动画设置,图例设置。
图表位置
图表位置为图表左上角的位置坐标,通过横坐标和总左边的设置即可设置对应的图表位置。也可以通过选中图形后
用鼠标拖曳到相应位置的方式设置图表位置。
图表尺寸
即显示的饼状图的宽和高,通过设置相应的数字,调节饼状图的大小。
扇形设置
扇形设置可设置扇形间隙以及间隙的等级
扇形间隙:可以选择有间隙和无间隙
间隙等级:可自定义设置数值
颜色设置
此功能为设置饼状图各个扇区的颜色,如果饼状图共有5个扇区,但此处只设置两种颜色,则会在显示颜色时按照数据的顺序循环展示;默认有五个颜色,如果需要增加颜色,可以在填充颜色下第一个颜色右边点击加号增加颜色。如果要删除颜色,可以在除第一行颜色外,其它颜色右方点击删除删掉删除键所在颜色。
中心点位置
此功能为设置饼状图的中心点距离图表上边界和左边界的位置。
文本设置
可以设置维度文本,数值文本,以及保留的小数(0-3位),文本格式,文本背景,以及默认样式和选中样式。
维度文本:显示或不显示
数值文本:可以设置,显示数值,显示百分比,显示数值+百分比以及不显示四种,如下图所示:
保留小数:数值文本会出现小数形式,这里可以设置0-3位小数
文本格式:可以选择换行,不换行
文本背景:可以显示,也可以隐藏
文本样式:可以自定义设置字体,字号,粗细以及颜色,也可以采用系统默认样式。
图例设置
图例设置可以对是否显示图例,以及所显示图例的文本和布局进行设置。
文本:支持字体,字号,字体颜色以及字体粗细的修改。
布局:可以对图例的位置进行设置。
目前默认支持:顶部,底部,左侧,右侧的居左居中居右的设置,如下图所示:
支持自行设置图例位置:通过调整左右间距,和上下间距进行自主设置。
数据字段
饼状图的数据字段包括:name,value
name:数据代表的内容,即饼状图的图例所示内容名称,需要将数据与图表进行映射;
value:各个图例下具体的数据的值,需要将数据与图表进行映射;
数据源类型
支持静态数据,API和数据库三种类型。操作流程图整体如下所示:
静态数据:
在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。
目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。
当点击红框内的放大按钮时,会出现如下图所示的输入窗口,方便用户进行操作。
在窗口中设置数据后,点击完成即可
点击下方的高级输入,可以切换到输入json格式数据模式。json数据样例如下。
[{"age":25,"number":15},{"age":26,"number":20},{"age":27,"number":25},{"age":28,"number":19}]
API
在下方输入框中输入相应的网址即可,如下图所示:
数据库
选取相应的数据库类型后,选择对应数据库中的数据源名称。之后在下方输入框中输入简单的SQL语句即可实现数据的导入,之后查询数据响应结果,无误后确认设置即可。
组件交互是指在大屏可视化中,通过组件之间的相互作用和响应,实现用户与大屏可视化之间的互动。同时,组件交互可以帮助用户更加直观地理解和操作大屏,提高用户体验。具体操作参考组件交互配置章节。
我们的产品专家为您找到最合适的产品/解决⽅案
1v1线上咨询获取售前专业咨询
专业产品顾问,随时随地沟通