绘图热图中的大小参数
Size parameter in plotly heatmap
在等高线图中,我可以给出大小参数 (https://plot.ly/python/reference/#contour-contours-size) 来指定每个等高线级别之间的步长。热图中是否有任何等效项?
我有一张等值线图,用户可以指定范围和bin大小。默认范围是数据的范围,bin 大小是通过将该范围分为 12 个 bin 来计算的。所以对于这个示例图,范围是 353.1 到 360.7,我们的 bin 大小是 0.6,我得到如下所示的等高线图:
现在,如果用户输入 350 到 370 的范围和 1 的 bin 大小,我们将有 20 个 bin,等高线图将如下所示:
下面是我使用默认值获得的相同数据的热图:
这是我输入 350 到 370 的范围和 1 的 bin 大小时得到的结果:
我正在寻找的是一种使堆图在范围和 bin 大小方面表现得像等高线图的方法。
您可以通过设置热图的 zmin
和 zmax
并添加自定义颜色范围来实现所需的行为。
您可以使用 rel_min
和 rel_max
来指定用于颜色范围的值的上限和下限以及 bin
s
的数量
注:火山数据图的数据取自here。
var bin = 10;
var rel_min = 100;
var rel_max = 250;
var colorscale = [];
var color = Plotly.d3.scale.linear()
.domain([0, 0.5, 1])
.range(["blue", "green", "red"]);
for (var i = 0; i < bin; i += 1) {
colorscale.push([i / bin, color(i / bin)]);
colorscale.push([(i + 1) / bin, color(i / bin)] );
}
Plotly.newPlot('myDiv', [{
z: heatmap,
zmin: rel_min,
zmax: rel_max,
type: 'heatmap',
colorscale: colorscale
}])
<script src="https://cdn.plot.ly/plotly-latest.min.js">
</script>
<script src="https://mbostock.github.io/protovis/ex/heatmap.js"></script>
<div id="myDiv"></div>
在等高线图中,我可以给出大小参数 (https://plot.ly/python/reference/#contour-contours-size) 来指定每个等高线级别之间的步长。热图中是否有任何等效项?
我有一张等值线图,用户可以指定范围和bin大小。默认范围是数据的范围,bin 大小是通过将该范围分为 12 个 bin 来计算的。所以对于这个示例图,范围是 353.1 到 360.7,我们的 bin 大小是 0.6,我得到如下所示的等高线图:
现在,如果用户输入 350 到 370 的范围和 1 的 bin 大小,我们将有 20 个 bin,等高线图将如下所示:
下面是我使用默认值获得的相同数据的热图:
这是我输入 350 到 370 的范围和 1 的 bin 大小时得到的结果:
我正在寻找的是一种使堆图在范围和 bin 大小方面表现得像等高线图的方法。
您可以通过设置热图的 zmin
和 zmax
并添加自定义颜色范围来实现所需的行为。
您可以使用 rel_min
和 rel_max
来指定用于颜色范围的值的上限和下限以及 bin
s
注:火山数据图的数据取自here。
var bin = 10;
var rel_min = 100;
var rel_max = 250;
var colorscale = [];
var color = Plotly.d3.scale.linear()
.domain([0, 0.5, 1])
.range(["blue", "green", "red"]);
for (var i = 0; i < bin; i += 1) {
colorscale.push([i / bin, color(i / bin)]);
colorscale.push([(i + 1) / bin, color(i / bin)] );
}
Plotly.newPlot('myDiv', [{
z: heatmap,
zmin: rel_min,
zmax: rel_max,
type: 'heatmap',
colorscale: colorscale
}])
<script src="https://cdn.plot.ly/plotly-latest.min.js">
</script>
<script src="https://mbostock.github.io/protovis/ex/heatmap.js"></script>
<div id="myDiv"></div>