Google BarChart устанавливает ширину баров?

Я создаю BarChart с библиотеками визуализации javascript от Google. Я хотел бы, чтобы столбцы на диаграмме были шире, чем они есть в настоящее время, но я не могу найти ничего в документации, в которой показано, как настроить ширину столбцов каждого набора данных.

Любая помощь?


google-visualization bar-chart
person Kenny Wyland    schedule 15.07.2011    source источник

Ответы (2)


arrow_upward
24
arrow_downward

Был тот же вопрос, решил опубликовать для потомков. Bar.groupWidth, по-видимому, является способом установить это.

https://developers.google.com/chart/interactive/docs/gallery/barchart

Например:

 var options = {
        title: "Density of Precious Metals, in g/cm^3",
        width: 600,
        height: 400,
        bar: {groupWidth: "95%"},
        legend: { position: "none" },
      };
 var chart = new google.visualization.BarChart(document.getElementById("barchart_values"));
 chart.draw(view, options);
person Josh Rumbut    schedule 10.06.2013
comment
бар: {groupWidth: 95%} Например - person twobob; 29.01.2016
comment
Хорошая находка, но после установки столбцов меньшего размера, как вы можете уменьшить расстояние между ними? - person nclsvh; 25.04.2018
comment
@nclsvh Не знаю никаких методов API для этого, извините :( - person Josh Rumbut; 25.04.2018
comment
Рассматривается ли это значение bar.groupWidth как минимальное, максимальное или фиксированное значение? Мой график имеет один бар в день. Итак, в первый день столбец заполняет всю ширину графика. По прошествии нескольких дней появляется больше стержней, они сжимаются, чтобы соответствовать размеру, и начинают выглядеть как стержни. Я использовал bar.groupWidth, чтобы установить его на 50 пикселей, и теперь он выглядит хорошо, но будут ли полосы по-прежнему автоматически уменьшать свою ширину, когда их становится больше, чем может поместиться на графике шириной 50 пикселей каждая? Я надеялся на опцию bar.maxWidth. - person l008com; 26.11.2018
comment
@ l008com Похоже, что есть некоторая логика, которая не позволяет полосам быть больше, чем отведенное им пространство, независимо от того, какую ширину вы установили. Проверьте эту скрипту: jsfiddle.net/8zp1fasb - person Josh Rumbut; 26.11.2018

arrow_upward
0
arrow_downward

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

options: {
  titlePosition: "none",
  bar: { groupWidth: "50%" }
  // ...
}

data.push([" ", "t1","t2","t3","t4"]); // headings
data.push([" ", 0, 0, 0, 0]); // dummy bar so graph will display good
// push you actual data here
data.push([" ", 0, 0, 0, 0]); // dummy bar so graph will display good
person Manohar Reddy Poreddy    schedule 07.10.2019