你真的会用饼图吗?JVS-智能BI饼图组件深度解析

news/2024/11/30 11:24:09/

在数据可视化的世界里,饼图是我们常见的一种可视化图形。在JVS-智能BI中提供了数据可视化饼图组件,接下来我通过这篇文章详细介绍,从配色方案到图形配置,从显示数据到提示信息,饼图的每一个细节配置。

饼图类图表概述

饼图一类图表组件可大致分为饼图、环图、玫瑰环图、玫瑰图。除了其他组件都有的通用样式之外(可以参考【图表通用样式配置】文档),这几个图表的独有样式都是相同配置。我们以最常见的饼图来进行演示,展示图表的独有样式配置。

样式配置

点击选择饼图,选择后点击【样式】下的【自定义样式】。就可以看到大致分为【图表设置】、【标题设置】、【图例设置】、【组件外观】四个大的模块。其中【标题设置】、【组件外观】、【图例设置】已在【图表通用样式配置】文档中提到具体配置。此处只讲图表独有的【图表设置】。

点开【配色方案】,可选择该饼图组件的主题颜色以及是否开启渐变。

图形配置,主要是对饼图内部的相关配置。主要有内外半径、间距、、圆角描边角度等。以下为具体配置方式。

内半径即中心点的半径大小,内半径越大,则中心点的空白就越大。外半径则是最外层圈的大小,半径设置越大饼图越大。间距则为相邻的饼图之间的距离。以下为配置详情。

【圆角】即为饼图内的每块儿四个角分别设置的圆角,默认为0。圆角设置越大,则周围边缘越圆。

描边就是给饼图内部的每块儿进行描边处理,可定义描边样式、颜色以及粗细。

角度的话即是旋转整个饼图,让整个饼图旋转达到美化或调整每块儿所谓的定位问题。

【显示数据】一般用于你数据集选择后,字段和维度的展示。打开显示数据后,可选择维度、度量、百分比。可同时选多个值进行选择,显示的文字大小颜色、粗细、斜体、上下边距都可自定义选择。

显示位置可定义显示数据是位于饼图外侧还是内侧,上面为显示在外侧。现在定义一下显示在内侧查看效果。

径向偏移即是当数据显示在图表外侧时,数据显示距离饼图的距离长短。设置径向偏移值越大,数据展示就离饼图越远。

线长即数据前的线条长度,用于更美观展示图表用,如下图所示:

开启提示信息的话,开启后当鼠标经过到饼图上的某一块儿时,那么就会显示出该块儿的信息提示。

在线demo:http://bi.bctools.cn

gitee地址:https://gitee.com/software-minister/jvs-bi


http://www.ppmy.cn/news/1551182.html

相关文章

云计算基础-期末复习

第一章:云计算概论 一、云计算的定义与特征 1. 定义: 云计算是一种通过网络以按需、可扩展的方式获取计算资源和服务的模式。它将计算资源视为一种公用事业,用户可以根据需求动态获取和释放资源,而无需了解底层基础设施的细节。…

USB Type-C一线通扩展屏:多场景应用,重塑高效办公与极致娱乐体验

在追求高效与便捷的时代,启明智显USB Type-C一线通扩展屏方案正以其独特的优势,成为众多职场人士、娱乐爱好者和游戏玩家的首选。这款扩展屏不仅具备卓越的性能和广泛的兼容性,更能在多个应用场景中发挥出其独特的价值。 USB2.0显卡&#xff…

【特斯拉的自动驾驶好在哪】

虽然特斯拉的自动驾驶目前处于 L2 级别,但在自动驾驶的评选中排名相对较高,主要有以下原因: 技术创新与硬件优势 强大的芯片研发能力:特斯拉自主研发的 FSD 芯片算力高达 72Tops,板卡为 144Tops,相较于英…

Python设计模式详解之15 ——迭代器模式

Python 中的 Iterator(迭代器)设计模式 是一种行为型设计模式,用于逐一访问集合对象中的元素而不暴露其底层实现。Python 本身对迭代器模式提供了良好的支持,迭代器通常通过 __iter__ 和 __next__ 方法实现。 迭代器模式的组成 迭…

[网络安全]sqli-labs Less-5 解题详析

判断注入类型 GET1 and 11 回显如下:GET1 and 12没有回显,说明该漏洞类型为GET型单引号字符型注入 判断注入点个数 GET1 order by 3 --,回显如下:GET1 order by 4 --,回显如下:故注入点为3个 该题若查询…

Perforce SAST专家详解:自动驾驶汽车的安全与技术挑战,Klocwork、Helix QAC等静态代码分析成必备合规性工具

自动驾驶汽车安全吗?现代汽车的软件包含1亿多行代码,支持许多不同的功能,如巡航控制、速度辅助和泊车摄像头。而且,这些嵌入式系统中的代码只会越来越复杂。 随着未来汽车的互联程度越来越高,这一趋势还将继续。汽车越…

OpenCV_Code_LOG

孔洞填充 void fillHole(const Mat srcBw, Mat &dstBw) {Size m_Size srcBw.size();Mat TempMat::zeros(m_Size.height2,m_Size.width2,srcBw.type());//延展图像srcBw.copyTo(Temp(Range(1, m_Size.height 1), Range(1, m_Size.width 1)));cv::floodFill(Temp, Point(…

备赛蓝桥杯--算法题目(1)

1. 链表求和 . - 力扣(LeetCode) class Solution { public:ListNode* addTwoNumbers(ListNode* l1, ListNode* l2) {ListNode *head nullptr, *tail nullptr;int carry 0;while (l1 || l2) {int n1 l1 ? l1->val: 0;int n2 l2 ? l2->val:…