指定直方圖

Question

窗口尺寸，我產生非常基本的plotly.js直方圖比如從plotlytutorial這個例子：

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

是否有可能以某種方式指定窗口尺寸/窗口？

Answer 1

您可以使用nbinsx參數調整垃圾箱數量。

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>

Answer 2

您可以通過將I < 500增加到更大的數字來製作更多數據。但使用該工具，窗口自動增加了大小。它會自動調整大小。