Question

我从plotly.js tutorial生成非常基本的plotly直方图，例如此示例：

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大小/窗口？

Answer 1

您可以使用nbinsx参数调整分档数。

＆＃13;

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"});

＆＃13;

<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>

＆＃13;

Answer 2

您可以通过将I＆lt; 500增加到更大的数字来生成更多数据。但是使用该工具，窗口会自动增加尺寸。它会自动调整大小。

在直方图中指定bin大小

2 个答案: