用途:在 ASP.NET MVC 项目中创建与配置 Syncfusion TreeMap 控件,用嵌套矩形表达分层数据,每项面积按其数值计算,适合组织架构、文件层级、市场细分等具有父子关系的数据,渲染基于 SVG。
主要能力:支持 Square、Horizontal、Vertical、Auto 多种布局;无限层级与条目;支持钻取导航;提供范围、等值与去饱和三种颜色映射;支持选择、高亮、工具提示、交互式图例;可自定义数据标签(模板与定位);支持导出 PDF、图片、SVG 及打印;支持多语言区域设置与无障碍特性。
使用方式:需按参考文档完成 ASP.NET MVC 环境准备、NuGet 安装 Syncfusion.EJ2.MVC5、Web.config 命名空间配置、脚本资源与 ScriptManager 注册。在 CSHTML 视图中使用 @Html.EJS().TreeMap("container") 链式配置 DataSource、WeightValuePath、Levels、LeafItemSettings 等并调用 .Render();数据可由控制器以 Json 返回。颜色映射示例:colors.From(0).To(50).Color("Red").Add(); 并使用 RangeColorValuePath("Performance")。钻取可配置多个 GroupPath 层级。
适用场景:需要以面积比例展示分层数据的 MVC 页面,如组织架构图、区域市场占比、层级化指标看板,以及需要导出或打印图表的场景。
限制:具体版本兼容性、浏览器支持、国际化细节与 API 默认值暂未在资料中完整提供,需查阅各参考文档与官方文档确认。