文件名称:sunburst-chart:用于可视化层次结构数据的sunburst交互式图表Web组件
文件大小:257KB
文件格式:ZIP
更新时间:2024-02-26 00:00:16
chart data-visualization hierarchical-data d3js sunburst
朝阳图 用于表示层次结构数据的交互式森伯斯特图,其中树的每个数据节点由多层环中的环形段表示。 单击圆弧可将视图聚焦在关联的子树上,从而可以逐步浏览数据。 单击图表中心将缩小一级,而单击画布会将缩放级别重置为根视图。 该图表还通过将每个节点的圆弧动画化到其新位置来响应数据更改。 默认情况下,圆弧区域与其数据值成线性比例,从而导致外层厚度以二次方的方式减小。 但是,可以使用radiusScaleExponent方法自定义。 为了提高性能,将小于给定阈值( minSliceAngle )的弧从DOM中排除,从而允许在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构,请参见。
【文件预览】:
sunburst-chart-master
----_config.yml(26B)
----README.md(7KB)
----.github()
--------ISSUE_TEMPLATE()
----rollup.config.js(2KB)
----LICENSE(1KB)
----rollup.config.dev.js(259B)
----package.json(2KB)
----src()
--------sunburst.css(927B)
--------index.js(63B)
--------sunburst.js(10KB)
--------index.d.ts(2KB)
----.babelrc(185B)
----example()
--------flare()
--------basic()
--------sort-by-size()
--------large-data()
----yarn.lock(128KB)