SuperAPI AI 工具集

syncfusion-javascript-heat-map

通用与其它

查看项目

更新于 10-16 05:46

技能介绍

用途:Syncfusion Essential JS 2 HeatMap 用颜色编码的单元格可视化二维数据,适合发现行列间的模式、趋势、聚类、高低值、相关性与密度分布。本技能提供在 TypeScript 与 JavaScript 中实现该组件的指导。

主要能力:支持数组与 JSON 数据绑定;Category、Numeric、DateTime 三类坐标轴;渐变与固定调色板;单元格标签、边框、高亮与条件样式;图例与工具提示;单元格单击与双击事件;SVG 与 Canvas 渲染;气泡热力图;运行时数据更新;响应式布局;无障碍与性能建议;在已安装版本支持时提供导出功能。

使用方式:TypeScript 通过 npm 安装 @syncfusion/ej2-heatmap,使用模块导入并显式注入所用功能模块(如 Legend、Tooltip、Adaptor),用 new HeatMap({...}) 配置后调用 appendTo('#heatmap') 挂载到宿主元素。JavaScript 使用带版本号的 CDN 或本地全局脚本,按 ej2-base、ej2-data、ej2-svg-base、ej2-heatmap 顺序加载,使用全局构造函数 ej.heatmap.HeatMap,且全局方式不要调用 HeatMap.Inject。JSON 映射需通过 dataSourceSettings 配置,并注入 Adaptor。

限制与注意:矩阵每行长度需一致,坐标轴标签数量要与行列对应;工具提示需显式设置 showTooltip: true;尺寸建议用字符串(如 '100%'、'450px');避免依赖未公开的生成 DOM 选择器,优先使用公开配置;不要混用合并包与单独依赖脚本;导出、选择等能力取决于已安装版本,资料未提供具体版本支持范围与收费信息。