Как увеличить расстояние между группой столбцов в сгруппированной столбчатой ​​диаграмме на графике js v2.8? - PullRequest
Новая
       3

Как увеличить расстояние между группой столбцов в сгруппированной столбчатой ​​диаграмме на графике js v2.8?

0 голосов
/ 09 июля 2020

Я пытался создать сгруппированную гистограмму на диаграмме js v2.8. Я хочу увеличить расстояние между группой полосок.

сгруппированная гистограмма

Вот код, который я использовал для рисования гистограммы 

function barGraph(labels,averageSales,currentMonthSales){
        var barChartData = {
                  labels: labels,
                  datasets: [
                    {
                      label: "Average",
                      fillColor:"green",
                      backgroundColor: "green",
                      //borderColor: "red",
                      borderWidth: 1,
                      data: averageSales
                    },
                    {
                          label: "Current",
                          fillColor:"red",
                          backgroundColor: "red",
                          //borderColor: "red",
                          borderWidth: 1,
                          data: currentMonthSales
                    },
                  ]
                };

                var chartOptions = {
                  responsive: true,
                  legend: {
                    position: "top",
                    labels:{
                        padding:100
                    }
                  },
                  scales: {
                    yAxes: [{
                         barPercentage: 1,
                     ticks: {
                        beginAtZero: true,
                        fontSize: 12,
                        padding:0,
                        fontColor: '#000',
                       }
                    }],
                    xAxes: [{
                        //barPercentage: 0.4
                    }]
                  },
                }

                window.onload = function() {
                  var ctx = document.getElementById("canvas").getContext("2d");
                  window.myBar = new Chart(ctx, {
                    type: 'horizontalBar',
                    data: barChartData,
                    options: chartOptions
                  });
                };
    }

Как я могу увеличить расстояние между группами столбцов, например пространство между столбцами A и B, также как можно Увеличиваю ширину каждой полоски?

...