首页
/ ScottPlot中Heatmap的Extent与Rectangle属性对比分析

ScottPlot中Heatmap的Extent与Rectangle属性对比分析

2025-06-06 06:41:51作者:仰钰奇

ScottPlot是一个强大的.NET绘图库,其中Heatmap(热力图)功能常用于可视化二维数据矩阵。在使用过程中,开发者可能会遇到关于热力图定位和尺寸设置的困惑,特别是Extent和Rectangle这两个属性的区别。

问题背景

在ScottPlot中,Heatmap的Extent属性用于定义热力图在坐标空间中的位置和范围。然而,许多开发者发现Extent属性的行为与直觉不符——它实际上定义的是热力图单元格的中心点范围,而非整个热力图的边界范围。

关键差异

通过对比测试可以清晰地看到两者的区别:

  1. Extent属性:定义的是单元格中心点的坐标范围

    • 当设置Extent = new(-5, 5, -5, 5)时,热力图的实际显示范围会超出这个边界
    • 这是因为单元格边缘会向外延伸半个单元格的距离
  2. Rectangle属性:定义的是热力图的完整边界范围

    • 设置Rectangle = new(-5, 5, -5, 5)时,热力图会精确地填充这个矩形区域
    • 这是大多数开发者期望的行为

实际效果对比

测试代码使用一个3x3的数据矩阵:

double[,] data = {
    { 1, 2, 3 },
    { 4, 5, 6 },
    { 7, 8, 9 },
};

当分别设置Extent和Rectangle为(-5,5,-5,5)时,效果差异明显:

  • Extent设置时,热力图会超出-5到5的范围
  • Rectangle设置时,热力图严格限制在-5到5的范围内

技术实现原理

这种差异源于热力图的两种不同定位方式:

  1. 单元格中心定位

    • 将数据点视为单元格中心
    • 单元格边缘自动向外扩展
    • 适合需要强调数据点位置的场景
  2. 边界定位

    • 将数据矩阵整体填充到指定矩形
    • 每个单元格占据矩形内的等分区域
    • 适合需要精确控制显示范围的场景

最佳实践建议

  1. 如果需要热力图严格填充特定区域,应使用Rectangle属性
  2. 如果需要基于数据点中心定位,可以使用Extent属性
  3. 在升级到新版ScottPlot时,注意检查相关代码,将Extent替换为Rectangle以获得预期效果

理解这两种定位方式的区别,可以帮助开发者更精确地控制热力图在图表中的位置和尺寸,实现更符合需求的数据可视化效果。

登录后查看全文
热门项目推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
176
262
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
863
511
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
182
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
259
300
kernelkernel
deepin linux kernel
C
22
5
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
596
57
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
398
371
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
332
1.08 K