有什么方法可以为 HighCharts 热图数据设置最小值和最大值?
Any way to set min & max value for HighCharts Heatmap data?
场景:我有一个热图(使用 Angular 构建),由分页的大型数据集支持。每次我只会获取该数据的一部分并为每个 'page' 负载重新渲染热图。
例如。渲染的热图将为 20x20,但其背后的实际数据集为 400x400 或更大。每次我翻页 X 或 Y 轴时,我将重新渲染热图,而不是一次加载所有数据。
效果很好 - 但是色标每次都会根据 'page' 数据进行调整。
我什至在渲染页面 x1,y1 之前就知道 400x400 网格的最小值和最大值。如何确保色标基于 400x400 热图上的最小值和最大值,而不是基于 20x20 热图的特定数据?
我希望解释足够直白。
谢谢!
如果您知道这些值,您应该能够设置 colorAxis.min
and max
:
colorAxis: {
min: 1,
max: 1000,
type: 'logarithmic',
gridLineWidth: 2,
gridLineColor: 'white',
minorTickInterval: 0.1,
minorGridLineColor: 'white',
tickLength: 0
},
场景:我有一个热图(使用 Angular 构建),由分页的大型数据集支持。每次我只会获取该数据的一部分并为每个 'page' 负载重新渲染热图。
例如。渲染的热图将为 20x20,但其背后的实际数据集为 400x400 或更大。每次我翻页 X 或 Y 轴时,我将重新渲染热图,而不是一次加载所有数据。
效果很好 - 但是色标每次都会根据 'page' 数据进行调整。
我什至在渲染页面 x1,y1 之前就知道 400x400 网格的最小值和最大值。如何确保色标基于 400x400 热图上的最小值和最大值,而不是基于 20x20 热图的特定数据?
我希望解释足够直白。
谢谢!
如果您知道这些值,您应该能够设置 colorAxis.min
and max
:
colorAxis: {
min: 1,
max: 1000,
type: 'logarithmic',
gridLineWidth: 2,
gridLineColor: 'white',
minorTickInterval: 0.1,
minorGridLineColor: 'white',
tickLength: 0
},