sunburst-chart:用于可视化层次结构数据的sunburst交互式图表Web组件

上传者: 42100032 | 上传时间: 2022-09-30 20:55:53 | 文件大小: 257KB | 文件类型: ZIP
朝阳图 用于表示层次结构数据的交互式森伯斯特图,其中树的每个数据节点由多层环中的环形段表示。 单击圆弧可将视图聚焦在关联的子树上,从而可以逐步浏览数据。 单击图表中心将缩小一级,而单击画布会将缩放级别重置为根视图。 该图表还通过将每个节点的圆弧动画化到其新位置来响应数据更改。 默认情况下,圆弧区域与其数据值成线性比例,从而导致外层厚度以二次方的方式减小。 但是,可以使用radiusScaleExponent方法自定义。 为了提高性能,将小于给定阈值( minSliceAngle )的弧从DOM中排除,从而允许在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构,请参见。

文件下载

资源详情

[{"title":"( 20 个子文件 257KB ) sunburst-chart:用于可视化层次结构数据的sunburst交互式图表Web组件","children":[{"title":"sunburst-chart-master","children":[{"title":"_config.yml <span style='color:#111;'> 26B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 7.48KB </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.73KB </span>","children":null,"spread":false},{"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":"package.json <span style='color:#111;'> 1.84KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"sunburst.css <span style='color:#111;'> 927B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 63B </span>","children":null,"spread":false},{"title":"sunburst.js <span style='color:#111;'> 10.07KB </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false}],"spread":true},{"title":".babelrc <span style='color:#111;'> 185B </span>","children":null,"spread":false},{"title":"example","children":[{"title":"flare","children":[{"title":"screenshot.png <span style='color:#111;'> 192.47KB </span>","children":null,"spread":false},{"title":"flare.json <span style='color:#111;'> 11.15KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 661B </span>","children":null,"spread":false}],"spread":true},{"title":"basic","children":[{"title":"index.html <span style='color:#111;'> 943B </span>","children":null,"spread":false}],"spread":true},{"title":"sort-by-size","children":[{"title":"index.html <span style='color:#111;'> 1.12KB </span>","children":null,"spread":false}],"spread":true},{"title":"large-data","children":[{"title":"index.html <span style='color:#111;'> 1.10KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"yarn.lock <span style='color:#111;'> 128.13KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

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