文件名称：icicle-chart:用于可视化分层数据的分区冰柱交互式图表Web组件
文件大小：98KB
文件格式：ZIP
更新时间：2024-04-20 23:54:55
chart data-visualization partition hierarchical-data icicle
冰柱图 冰柱图也称为分区图或火焰图，它可视化分层数据结构，其中树的节点由根据其深度逐渐布置的相邻矩形表示。 节点级别的轴向支持四种定向模式：自上而下，自下而上，从左至右和从右至左。 通过鼠标滚轮事件或单击节点，可以在节点跨轴方向上进行缩放交互，从而可以逐步浏览数据。 单击节点可缩放视图，以便该节点占用可用的全部宽度。 单击图表的背景可将缩放重置为其初始位置。 该图表还通过将每个节点的尺寸动画化到其新位置来响应数据更改。 为了提高性能，将宽度小于给定阈值（ minSegmentWidth ）的节点从DOM中排除，从而可以在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构，请参见。 又见，和图表。 快速开始 import Icicle from 'icicle-chart'; 或者 const Icicle = require('icicle-chart'); 甚至 <
【文件预览】：
icicle-chart-master
----.gitignore(17B)
----.babelrc(185B)
----package.json(2KB)
----src()
--------icicle.js(10KB)
--------index.js(60B)
--------icicle.css(732B)
--------index.d.ts(2KB)
----LICENSE(1KB)
----rollup.config.dev.js(259B)
----_config.yml(26B)
----.github()
--------ISSUE_TEMPLATE()
----rollup.config.js(1KB)
----README.md(7KB)
----example()
--------flare()
--------preview.png(33KB)
--------sort-by-size()
--------large-data()
--------basic()
----yarn.lock(138KB)