Google Charts - очень тонкие столбцы

Question

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

Я пытаюсь создать простой граф столбцов, но линии получаются чрезвычайно тонкими:

В настоящее время я задаю стиль и данные следующим образом в моем HTML:

<google-chart [type]="revenueChartType" [data]="revenueChartData" [columnNames]="revenueChartNames" [title]="revenueChartTitle" [options]="revenueChartOptions"></google-chart>

С моими привязками следующим образом:

revenueChartData = [];
revenueChartType: string = "ColumnChart";
revenueChartNames: Array<string> = ["Months", "Revenue"];
revenueChartTitle: string = `Revenue for ${new Date().getFullYear()}`
revenueChartOptions: any = {}

И затем я заполняю данные следующим образом:

//Loop through each item in revenuePerMonth
for (let i = 0; i < 12; i++) {
    if (json.revenuePerMonth[i] != undefined) {
        //Push items into the array
        this.revenueChartData.push([json.revenuePerMonth[i].month, json.revenuePerMonth[i].total]);
    } else {
        this.revenueChartData.push([i, 10000]);
    }
}

Есть ли параметр или что-то, что мне нужно установить, чтобы увеличить ширину столбцов?

Answer 1

попробуйте следующую опцию, которая должна регулировать ширину полос ...

bar: {
  groupWidth: '80%'
}

однако использование дискретной оси (строковые данные) решит проблему.
при загрузкеданные, преобразовать числа в строки ...

json.revenuePerMonth[i].month.toString()

- и -

i.toString()