4 votes

Est-il possible de donner de l'espace entre les barres en utilisant Google ColumnChart

Je suis en train d'utiliser le code suivant pour afficher le diagramme en colonnes de mes enregistrements, je veux ajouter des espaces entre les barres générées, veuillez m'aider.

      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Date', '11-02-2013', '11-02-2013','11-02-2013','11-02-2013'],

          ['Semaines',  10,20,30,5],

        ]);

            var options = {
              title: 'Graphique de performance de la perte de poids moyenne hebdomadaire pour tous les utilisateurs',
              is3D: true,
              //isStacked: true,
               isHtml: false,
              // colors: ['d2ac2c', 'ff0000', '029748'],
               bar: { groupWidth: '10%' },
               legend:{position: 'bottom'},
               //chbh:'0,10,0',
              //hAxis: {title: 'Année', titleTextStyle: {color: 'red'}}
            };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }

description de l'image

2voto

Eugene Balashov Points 105

Var options = { bar: { largeurGroupe: '100%' },

1voto

jmac Points 3712

Le format habituel pour un graphique en colonnes est que chaque série a sa propre colonne, regroupée par lignes. Comme vous avez les 4 points de données dans la même ligne, ils se retrouveront tous regroupés dans le même groupe. Si vous changez vos données, vous obtiendrez une séparation car chacun sera dans un groupe séparé :

var data = google.visualization.arrayToDataTable([
  ['Date', 'Données'],
  ['11-02-2013', 10],
  ['11-02-2013', 20],
  ['11-02-2013', 30],
  ['11-02-2013', 5]
]);

Si vous souhaitez afficher plusieurs personnes, regroupées par semaines, alors vous feriez quelque chose comme ceci :

var data = google.visualization.arrayToDataTable([
  ['Date', 'Alan', 'Beatrice', 'Charlie', 'Diana'],
  ['11-02-2013', 10, 5, 15, 20],
  ['11-02-2013', 20, 1, 2, 3],
  ['11-02-2013', 30, 25, 20, 15],
  ['11-02-2013', 5, 7, 9, 11]
]);

Cela regroupera vos données par semaine (donc les 4 personnes seraient montrées dans la même semaine en tant que groupe unique) avec des écarts entre les semaines (entre chaque 'groupe' de données).

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X