javascript-谷歌图表直方图不使用histogram.bucketSize选项

2019-10-26 12:45:57 阅读：262 来源： 互联网

标签：histogram google-visualization javascript

我正在尝试使用Google图表制作基本的直方图,但是由于某些原因,它没有使用我设置的bin宽度.下面是一个代码示例：

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

这是发生的情况的图像：

但是我想做的是将垃圾箱的大小统一设置为0.1的宽度.

解决方法:

这似乎是Charts API版本44中引入的错误.加载库时,可以通过指定版本号来回滚到版本43：

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

标签：histogram,google-visualization,javascript
来源： https://codeday.me/bug/20191026/1936760.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-谷歌图表直方图不使用histogram.bucketSize选项