SuperAPI AI 工具集

syncfusion-javascript-treemap

数据与分析

查看项目

更新于 10-16 05:46

技能介绍

用途:在 TypeScript 与 JavaScript 中实现 Syncfusion TreeMap 组件,将层级或分组数据渲染为嵌套矩形,矩形大小由 weightValuePath 映射的数值字段决定,适合产品分类、区域拆分、市场细分等需要体现相对量级的分组数据。

主要能力:支持扁平数据绑定与通过 levels、groupPath 的多级分组;支持 range、equal、desaturation、palette 及 colorValuePath 直接绑定等颜色映射;支持 drilldown 下钻与面包屑导航;支持 Squarified、SliceAndDiceVertical、SliceAndDiceHorizontal、SliceAndDiceAuto 布局;支持标签、提示、图例、模板、选择与高亮、点击/双击/右键事件、selectItem 编程式选择;支持打印及 PNG、JPEG、SVG、PDF 导出;支持 RTL、locale 与数字格式化;具备 ARIA 与 WCAG 2.1 AA 无障碍支持。

使用方式:通过 npm 安装 @syncfusion/ej2-treemap,导入 TreeMap 与 TreeMapModule,使用 new TreeMap({...}) 构造并调用 appendTo('#容器') 挂载;图例、提示、选择、高亮、打印与导出需注册对应服务(如 TreeMapLegendService、TreeMapTooltipService、TreeMapSelectionService、TreeMapHighlightService、PrintService、ImageExportService、PdfExportService)。

限制:资料未提供具体收费、价格、平台兼容范围与性能数据;键盘导航需自行在周边 HTML 控件中增强。