Как можно создать гистограмму с помощью диаграммы google?

Ответ 1

В Google Charts нет диаграммы гистограмм, так как это всего лишь библиотека визуализации, вам нужно будет изменить диаграмму столбцов в соответствии с вашими потребностями. Тем не менее, я подозреваю, что причина, по которой вы не удовлетворены диаграммой столбца, связана с расстоянием между столбцами, которое не выглядит очень похожим на гистограмму. Поэтому я сначала отвечу на этот вопрос:

Можете ли вы контролировать расстояние между столбцами в таблице столбцов?

Нет, не в это время. См. Эту цитату из сообщества Google Charts

В API нет поддержки для управления расстоянием между столбцами. Возможно, вы сможете взломать его, если вы захотите вникнуть в диаграмму SVG.

Таким образом, он работает, но от вас потребуется дополнительная работа. Вы также можете играть с параметром конфигурации chartArea, который будет иметь некоторое влияние на расстояние между столбцами.

Однако исходный вопрос может иметь другой ответ.

Можете ли вы создать диаграмму, подобную гистограмме, используя диаграмму столбцов?

Пока вы не можете контролировать расстояние между наборами столбцов в диаграмме столбцов, вы можете заставить столбцы прижиматься почти друг к другу, указав их как разные столбцы, а затем установив каждый цвет колонок в один и тот же цвет в параметрах конфигурации.

Вот простая гистограмма с тремя столбцами:

var data = google.visualization.arrayToDataTable([
    ['x', '1-10', '11-20', '21-30'],
    ['', 3, 5, 4]
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
      draw(data,
           {title:"My Histogram",
            width:600, height:400,
            hAxis: {title: null},
            colors: ['red','red','red'],
            legend: {position: 'none'}
           }
      );

Обратите внимание, что у вас есть 1 строка с 3 столбцами, каждая из которых цветная 'red'. Недостатком этого является то, что вы теряете на этикетках вдоль оси x, рассказывая, какой столбец представляет что. Опять же, вам понадобится какая-то логика для построения этой гистограммы и заполнения данных так, как вы хотите.

Итак, длинный рассказ - Google Chart не имеет гистограммы, и, хотя это возможно с помощью диаграммы столбцов, вы можете рассмотреть возможность поиска в другой библиотеке.

Ответ 2

Чтобы добавить к ответу mattedgod, Теперь диаграмму столбца можно создать с плотно соединенными столбцами, воспользуйтесь опцией:

bar:  {groupWidth:"100%"};

Ответ 3

Google представил пару дней назад диаграмму гистограммы: ссылка