在直方图中指定 bin 大小

Question

我正在生成非常基本的 plotly.js 直方图，例如来自 plotly tutorial:

的示例

var x = [];
for (var i = 0; i < 500; i ++) {
    x[i] = Math.random();
}

var data = [
  {
    x: x,
    type: 'histogram',
    marker: {
    color: 'rgba(100,250,100,0.7)',
    },
  }
];
Plotly.newPlot('myDiv', data);

是否可以通过某种方式指定 bin size/window？

Answer 1

您可以通过将 I<500 增加到更大的数字来获得更多数据。但是使用该工具 window 自动增加大小。它会自动为您调整大小。

Answer 2

您可以使用 nbinsx 参数调整 bin 的数量。

var x = [];
for (var i = 0; i < 5000; i ++) {
    x[i] = Math.random();
}
var data = [
  {
    x: x,
    type: 'histogram',
  }
];
Plotly.newPlot('default', data, {title: "default bin"});
data = [
  {
    x: x,
    type: 'histogram',
    nbinsx: 10
  }
];

Plotly.newPlot('bins_10', data, {title: "10 bins"});

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="default" style="width: 480px; height: 400px;"></div>
<div id="bins_10" style="width: 480px; height: 400px;"></div>

在直方图中指定 bin 大小

specify bin size in histogram

javascript

plotly