之前没有网盘保存项目或写博客的习惯，导致后来电脑硬盘坏了之后，丢失了大量项目源码，吸取教训准备把一些个人项目陆续放在代码托管网站gitee上这个是实现的类似echarts的矩形树图，由于美观度不及echarts的矩形树图，被替换了，好歹是自己敲的，不忍心就这样丢弃了，就又加工了一下，做成了一个代码可视化统计工具
转载
2023-05-24 08:02:42
56阅读
前 言矩形树状图的故事与有着悠久历史的饼图、柱形图不同，矩形树状图还很年轻。20世纪90年代初,为了找到一种有效了解计算机磁盘空间使用情况的方法，马里兰大学人机交互实验室教授 Ben Shneiderman和他的团队发明了矩形树状图，计算机磁盘空间使用情况,如图所示：与其他变体树状图不同,如方形树状图(squarified treemap) 或缓冲树状图(cushion treemap),矩形树状
转载
2024-04-19 20:50:03
114阅读
1.绘制2DLinesclass matplotlib.lines.Line2D(xdata, ydata, linewidth=None, linestyle=None, color=None,……)xdata:需要绘制的line中点的在x轴上的取值，若忽略，则默认为range(1,len(ydata)+1) ydata:需要绘制的line中点的在y轴上的取值 linewidth:线条的宽度 l
转载
2024-03-05 17:56:37
248阅读
一片好运来，两串爆竹响，散发好运气，四方来财气，五福升高空，六六都顺心，齐来迎春节，八方收和气，久久享福祉。今年是虎年，小编在这里给大家拜个晚年，祝大家在新的一年，十全十美。看看小编在新年的第一篇文章，给你们带来什么干货。铛铛铛铛，今天我为家人们带来的新组件——矩形树图、矩形树动画。矩形树图是用于描述考察对象之间数据指标的相对占比关系。 新的一年，惯例不能丢，为了让新人朋友们知道我们在说
转载
2024-07-27 16:23:07
52阅读
1：View 工作原理， 整个View 树的绘制是在ViewRoot.java 类的performTraversals() 函数展开的，该函数做的执行过程可简单概括为 根据之前设置的状态 判断是否需要重新计算视图大小（measure）是否重新需要安置视图的位置（layout） 以及是否需要重绘（draw）m
转载
2023-08-02 18:38:03
132阅读
echarts树tree根据节点数量决定横竖放需求：根据每一级节点的数量决定标签的展示方向，当每一级的节点数量小于3时，横向展示；节点数量大于3时，竖向显示。1.1 实现效果1.2 实现思路步骤：先统计每级有多少个节点function readNodes(nodes, depth) {
if (nodes.childList && nodes.childList.length)
转载
2024-09-06 16:02:32
371阅读
目的：产品一级类别，二级类别及不同产品的销售额分布选择图表：矩形树图开始做图：将数据拖进数据源区域后，点击工作表，如图所示 记得更改表名哦 我们的目的是从产品一级子类别下钻到产品二级子类别，再从产品二级子类别下钻到产品名称上去。维度-产品一级类别（右键点击）-创建-集 更改名称：一级类别集，点击确定 右键 集-一级类别集-
题目链接：https://www.luogu.org/problemnew/show/U22582 链接好像失效了我用的树套树写法。 all in one 代码：#include <cstdio>#include <cstring>using namespace std;#define#definestruct LAZY { int v, l, r;};#define
原创
2022-10-14 15:02:20
181阅读
# 1. 缘起 #
最近实验室 boss 让用矩形树图做一下研究数据的展示，囧，矩形树图是什么鬼。问了问师兄，说用 R 语言可以实现，让我去研究一下。
= =，那这周不是不用干别的了。刚好最近在研究百度出的 ECharts ，搜了搜竟然有矩形树图的模块，真是感动啊眼泪都要出来了。立马研究了一下，结果还可以，能实现我要的效果。就在博客里总结一下吧，希望对你有帮助。# 2.1 用 EChart
转载
2023-10-06 22:20:01
214阅读
通过点击按钮，来实现树图左右，上下的展示方式，效果如下：主要实现如下：主要代码：1.html部分：<button class="lr">左到右</button>
<button class="rl">右到左</button>
<button class="tb">上到下</button>
<button class="b
draw模块提供了一些直接在表面上绘制常用图形的操作，如绘制矩形、圆形、多边形、椭圆、弧形等。11.1 绘制矩形或圆角矩形pg.draw.rect方法用于绘制矩形。绘制成功后将返回一个Rect对象表示绘制时在表面上改变的像素的矩形对象。pg.draw.rect(surface, color, rect) -> Rect
pg.draw.rect(surface, color, rect, w
转载
2024-08-29 23:54:12
251阅读
01. 引言FiveThirtyEight网站，也称作538，是一个专注于民意调查分析，政治，经济与体育的博客。网站于2008年3月7日建立，其名称来源于美国选举人团中选举人的数量，该网站集政治(Politics)、运动(Sports)、科学与健康(Science&Health)、经济(Economics)、文化(Culture)于一身，涉及面非常之广。作为可视化练习教程，我们关注的是其优
转载
2024-07-22 21:27:50
25阅读
交并比(Intersection-over-Union，IoU)，目标检测中使用的一个概念，我们在进行目标检测算法测试时，重要的指标，是产生的预测框(candidate bound)与标记框(ground truth bound)的交叠率，即它们的交集与并集的比值。最理想情况是完全重叠，即比值为1。通常，我们所说的目标检测检测的框是规则的矩形框，计算IOU也非常简单，一般两种方法：两个矩形的宽之和
转载
2023-08-23 20:13:58
10000+阅读
最近看了下python的第三方库opencv,在python中用来对图片进行一些简单处理还是非常好用的，比如在图形上画矩形框，圆框，指示线，椭圆以及文字等，只需要调用几个相应的函数，设置好起止坐标点以及颜色、画笔宽度等就能实现想要的效果，但是发现一个问题，在opencv调用绘制文字的函数时，如果是要填充汉字，则会显示？？或者空白。经过查询资料得知原因：opencv提供了一个cv2.putText方
转载
2023-08-05 15:52:13
265阅读
在今天的课程中我将一起学习其他常见图像的绘制。本节知识点柱状图直方图散点图饼图柱状图 柱状图使用场合是二维数据集(每个数据点包括两个值x和y),但只有一个维度需要比较。例如：年销售额就是二维数据，“年份”和“销售额”就是它的两个维度，但只需要比较“销售额”这个维度。柱状图利用柱子的高度，反映数据的差异。肉眼对高度差异很敏感，辨识效果非常好。绘制柱形图我们使用plt.bar()
转载
2024-05-17 01:43:27
46阅读
Python类练习定义一个类class Point:'''二维坐标系中代表一个点'''passprint('打印Point：{}'.format(Point))p1 = Point()print('Point实例化为一个p1：{}'.format(p1))打印Point：Point实例化为一个p1：<__main__.point object at>我们直接打印Point结果为，即Po
转载
2023-10-03 16:54:36
57阅读
1.题目链接。给定一些海报，可能相互重叠，告诉你每个
原创
2022-07-01 10:21:24
33阅读
案例一：label formatter自定义:代码：initTreeChart(){
const chart1 = echarts.init(this.$refs.tree)
const data2 = [
{
//
转载
2024-05-04 23:24:11
289阅读
G2Plot：一个基于配置、体验优雅、面向数据分析的统计图表库，帮助开发者以最小成本绘制高质量统计图表，诞生于阿里经济体 BI 产品真实场景的业务诉求。 简介 在展示具有层级关系的数据时，除...
转载
2021-02-04 09:57:00
1871阅读
2评论
前言 第一次用makedown编辑器写文章，感觉像得到一件利器，排版美观而且效率飙升。进入正题 1. 完全从数据定义图形 $.get( "{% static 'json/rectTreeData.json' %}", function (obama_budget) { myChart.hideLoa
转载
2020-11-22 15:06:00
1768阅读
