icicle-chart:用于可视化分层数据的分区冰柱交互式图表Web组件

上传者: 42105570 | 上传时间: 2022-08-20 20:22:35 | 文件大小: 98KB | 文件类型: ZIP
冰柱图 冰柱图也称为分区图或火焰图,它可视化分层数据结构,其中树的节点由根据其深度逐渐布置的相邻矩形表示。 节点级别的轴向支持四种定向模式:自上而下,自下而上,从左至右和从右至左。 通过鼠标滚轮事件或单击节点,可以在节点跨轴方向上进行缩放交互,从而可以逐步浏览数据。 单击节点可缩放视图,以便该节点占用可用的全部宽度。 单击图表的背景可将缩放重置为其初始位置。 该图表还通过将每个节点的尺寸动画化到其新位置来响应数据更改。 为了提高性能,将宽度小于给定阈值( minSegmentWidth )的节点从DOM中排除,从而可以在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构,请参见。 又见,和图表。 快速开始 import Icicle from 'icicle-chart'; 或者 const Icicle = require('icicle-chart'); 甚至 <

文件下载

资源详情

[{"title":"( 21 个子文件 98KB ) icicle-chart:用于可视化分层数据的分区冰柱交互式图表Web组件","children":[{"title":"icicle-chart-master","children":[{"title":".gitignore <span style='color:#111;'> 17B </span>","children":null,"spread":false},{"title":".babelrc <span style='color:#111;'> 185B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"icicle.js <span style='color:#111;'> 10.33KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 60B </span>","children":null,"spread":false},{"title":"icicle.css <span style='color:#111;'> 732B </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 2.40KB </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"rollup.config.dev.js <span style='color:#111;'> 259B </span>","children":null,"spread":false},{"title":"_config.yml <span style='color:#111;'> 26B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"ISSUE_TEMPLATE","children":[{"title":"bug_report.md <span style='color:#111;'> 834B </span>","children":null,"spread":false},{"title":"feature_request.md <span style='color:#111;'> 595B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"rollup.config.js <span style='color:#111;'> 1.47KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 7.06KB </span>","children":null,"spread":false},{"title":"example","children":[{"title":"flare","children":[{"title":"flare.json <span style='color:#111;'> 11.15KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 655B </span>","children":null,"spread":false}],"spread":true},{"title":"preview.png <span style='color:#111;'> 32.87KB </span>","children":null,"spread":false},{"title":"sort-by-size","children":[{"title":"index.html <span style='color:#111;'> 1.09KB </span>","children":null,"spread":false}],"spread":false},{"title":"large-data","children":[{"title":"index.html <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false}],"spread":false},{"title":"basic","children":[{"title":"index.html <span style='color:#111;'> 932B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"yarn.lock <span style='color:#111;'> 137.51KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明