2016-12-01 11 views
2

Google Chartsで基本的なヒストグラムを作成しようとしていますが、何らかの理由で設定したビン幅が使用されていません。以下のコードサンプルです:Googleグラフヒストグラムがヒストグラムを使用していません.bucketSizeオプション

<html> 
    <head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
     google.charts.load("current", {packages:["corechart"]}); 
     google.charts.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['MyData', 'Value'] 
        , ['whatevs', .57] 
        , ['whatevs', .57] 
        , ['whatevs', .57] 
        , ['whatevs', .8] 
        ]); 

     var options = { 
      title: 'My Histogram' 
      , legend: { position: 'none' } 
        , histogram: { 
         bucketSize: .1 
        } 
     }; 

     var chart = new google.visualization.Histogram(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html> 

は、ここで何が起こるかの画像です:

enter image description here

が、私はビンが均一の幅で大きさにするためだろう起こるしたいものを0.1。

+0

nahは、0.57データポイントが1つのバケットにあることを期待しています。そして、0.8バケツに達する前に空のバケットがいくつかありますが、これらの空のビンは表示されません。また、私はバケットが常に同じサイズになると期待しています。その理由は、Google ChartsのAPIで指定する方法がないからです。私はそれが2つ以上の異なる値を持っていると期待しているので、すべてが機能します。 (0.1はデータ値を参照しています) – George

答えて

0

これは結果であるように思えオプションにhAxis: { type: 'category' }を追加することで修正可能なバグです。

3

これは、あなたがライブラリをロードするときには、バージョン番号を指定することにより、バックバージョン43にロールバックすることができますチャートAPIバージョン44で導入されたバグに表示されます。

google.charts.load("43", {packages:["corechart"]}); 
+0

ありがとう、これはうまくいくようですが、別の回避策も見つけました – George

関連する問題