产品文档

京东莫奈可视化平台

2023-12-20 11:43:28

饼状图

适用场景:饼图主要用于展现不同类别数值相对于总数的占比情况。图中每个分块(扇区)的弧长表示该类别的占比大小,所有分块数据总和为100%。

样式设置

20200915113330.png

当前饼状图的样式设置可设置图表位置、图表尺寸、扇形设置,提示框设置,动画设置,图例设置。

图表位置

图表位置为图表左上角的位置坐标,通过横坐标和总左边的设置即可设置对应的图表位置。也可以通过选中图形后

用鼠标拖曳到相应位置的方式设置图表位置。

20200519163440.png

图表尺寸

即显示的饼状图的宽和高,通过设置相应的数字,调节饼状图的大小。

20200519163556.png

扇形设置

扇形设置可设置扇形间隙以及间隙的等级

扇形间隙:可以选择有间隙和无间隙

间隙等级:可自定义设置数值

20200915113520.png

颜色设置

此功能为设置饼状图各个扇区的颜色,如果饼状图共有5个扇区,但此处只设置两种颜色,则会在显示颜色时按照数据的顺序循环展示;默认有五个颜色,如果需要增加颜色,可以在填充颜色下第一个颜色右边点击加号增加颜色。如果要删除颜色,可以在除第一行颜色外,其它颜色右方点击删除删掉删除键所在颜色。

20200519175220.png

中心点位置

此功能为设置饼状图的中心点距离图表上边界和左边界的位置。

文本设置

可以设置维度文本,数值文本,以及保留的小数(0-3位),文本格式,文本背景,以及默认样式和选中样式。

维度文本:显示或不显示

数值文本:可以设置,显示数值,显示百分比,显示数值+百分比以及不显示四种,如下图所示:

20200519175326.png

保留小数:数值文本会出现小数形式,这里可以设置0-3位小数

文本格式:可以选择换行,不换行

文本背景:可以显示,也可以隐藏

文本样式:可以自定义设置字体,字号,粗细以及颜色,也可以采用系统默认样式。

20200915114410.png

图例设置

图例设置可以对是否显示图例,以及所显示图例的文本和布局进行设置。

文本:支持字体,字号,字体颜色以及字体粗细的修改。

布局:可以对图例的位置进行设置。

目前默认支持:顶部,底部,左侧,右侧的居左居中居右的设置,如下图所示:

支持自行设置图例位置:通过调整左右间距,和上下间距进行自主设置。

20200519171159.png

20200519171224.png

数据设置

数据字段

20200915115759.png

饼状图的数据字段包括:name,value

name:数据代表的内容,即饼状图的图例所示内容名称,需要将数据与图表进行映射;

value:各个图例下具体的数据的值,需要将数据与图表进行映射;

数据源类型

支持静态数据,API和数据库三种类型。操作流程图整体如下所示:

20200519164336.png

静态数据:

1597659394(1).png

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现如下图所示的输入窗口,方便用户进行操作。

55.png

在窗口中设置数据后,点击完成即可

点击下方的高级输入,可以切换到输入json格式数据模式。json数据样例如下。

[{"age":25,"number":15},{"age":26,"number":20},{"age":27,"number":25},{"age":28,"number":19}]

API

在下方输入框中输入相应的网址即可,如下图所示:

20200519164415.png

数据库

选取相应的数据库类型后,选择对应数据库中的数据源名称。之后在下方输入框中输入简单的SQL语句即可实现数据的导入,之后查询数据响应结果,无误后确认设置即可。

20200519164444.png

交互

image.png

组件交互是指在大屏可视化中,通过组件之间的相互作用和响应,实现用户与大屏可视化之间的互动。同时,组件交互可以帮助用户更加直观地理解和操作大屏,提高用户体验。具体操作参考组件交互配置章节。

文档反馈

开始与售前顾问沟通

可直接拨打电话 400-098-8505转1

我们的产品专家为您找到最合适的产品/解决⽅案

在线咨询 5*8⼩时

1v1线上咨询获取售前专业咨询

点击咨询
企微服务助手

专业产品顾问,随时随地沟通