当前位置:网站首页>Echart矩形树图:简单实现矩形树图
Echart矩形树图:简单实现矩形树图
2022-06-13 06:04:00 【HaanLen】
矩形树图定义:矩形树图( Treemap)也叫矩形式树状结构图,它采用多组面积不等的矩形嵌套而成。在一张图中,所有矩形的面积之和代表了总体数据。各个小矩形的面积表示每个子项的占比,矩形面积越大,表示子数据在整体中的占比越大。
矩形树图作用:
矩形树图把具有层次关系的数据可视化为一组嵌套的矩形,它直观地以面积表示数值,以颜色表示类目。所有矩形的面积之和表示整体的大小,各个小矩形的面积表示每个子项的占比,矩形面积越大,表示子数据在整体中的占比越大,擅长可视化带权重的数据关系。
echart官网例子:
option = {
series: [
{
type: 'treemap',
data: [
{
name: 'nodeA',
value: 10,
children: [
{
name: 'nodeAa',
value: 4
},
{
name: 'nodeAb',
value: 6
}
]
},
{
name: 'nodeB',
value: 20,
children: [
{
name: 'nodeBa',
value: 20,
children: [
{
name: 'nodeBa1',
value: 20
}
]
}
]
}
]
}
]
};
边栏推荐
- OpenGL马赛克(八)
- [compilation and assembly link] coff file and structure description
- 19 calling subprocess (callactivity) of a flowable task
- Introduction to USB learning (5) -- looking back, the man was in the dim light
- Let's talk about how ArrayList is dynamically resized and what kind of mechanism is it?
- How to view tongweb logs correctly?
- OpenGL Mosaic (8)
- Self summarizing
- USB status error and its cause (error code)
- 2021.9.29 learning log MIME type
猜你喜欢
A glimpse of [wechat applet]
Sentinel series hot spot current limiting
Complete USB debugging assistant
Sentinel series integrates Nacos and realizes dynamic flow control
SPI primary key generation strategy for shardingsphere JDBC
Timeout thread log for tongweb
What happens when the MySQL union index ABC encounters a "comparison operator"?
MySQL performs an inner join on query. The query result is incorrect because the associated fields have different field types.
Four shardingsphere JDBC sharding strategies
Byte buddy print execution time and method link tracking
随机推荐
1+1>2,Share Creators可以帮助您实现
[turn] explain awk (2)_ Combining formatted output with built-in variables to realize requirements
How MySQL optimizes the use of joint index ABC
How slow is the application system on tongweb? How dead is it?
AUTOSAR actual combat tutorial pdf version
Exception after repeated application redeployment on tongweb: application instance has been stopped already or outofmemoryerror:metaspace
Leetcode judge subsequence simple
php 分布式事务 原理详解
CORS request principle
Lamda expression
USB debugging assistant (20191028)
Four shardingsphere JDBC sharding strategies
Swift property property
Leetcode- number of words in string - simple
The difference between the increment and decrement operators before and after variables i+, +i, I –, – I
Function and application scenario of field setaccessible() method
Essays on November 5, 2021
Leetcode- distribute cookies - simple
Why do so many people hate a-spice
Sqlplus connection failure