diagramme à colonnes empilées pour les deux ensembles de données - Excel

Je vois que vous avez associé un stackoverflow cause, lorsqu'ils utilisent javascript pour créer un graphique avec google charts. Je pense que cette langue est la meilleure façon de créer des graphiques complexes comme la vôtre.

Que vous avez mentionné que vos compétences en codage n'était pas bon en vba, je ne sais pas si c'est la même chose avec le javascript, mais je vais essayer de décrire mon code du mieux que je peux.

Ici est un code que j'ai écrit pour vous:

https://www.funfun.io/1/#/edit/5a73067991f44418b7b84218

Donc, comme vous pouvez le voir, pour prendre cet exemple, j'ai utilisé un éditeur en ligne avec une feuille de calcul incorporée. - Je entrer mes données et j'ai accès à mon code à l'aide d'un fichier JSON, c'est le short fichier sous le Paramètres:

{
    "data": "=A1:D27"
}

Après je avoir accès à mes données, je les stocker dans des variables locales, vous pouvez voir que dans le script.js fichier. J'ai écrit quelques commentaires si vous connaissez la variable qui est ce. Je vais jeter mes données avec $internal.data, c'est l'endroit où les données de la feuille de calcul est stocké à partir de la colonne A à D, la ligne 1 à 27:

for (var i = 0; i < $internal.data.length; i++) //$internal.data.length = 27 in this example
{
  if (i == 0 || i == 14) {
    country.push($internal.data[i][0]);
    continue;
  }
  if (i > 0 && i < 13) {
    months.push($internal.data[i][0]); //months
    dataA.push(
      [
        parseInt($internal.data[i][1]), //value 2015 countryA
        parseInt($internal.data[i][2]), //value 2016 countryA
        parseInt($internal.data[i][3]) //value 2017 countryA
      ]);
  }
  if (i > 13 && i < 27) {
    dataB.push(
      [
        parseInt($internal.data[i][1]), //value 2015 countryB
        parseInt($internal.data[i][2]), //value 2016 countryB
        parseInt($internal.data[i][3])  //value 2017 countryB
      ]);
  }
}

Après j'ai stocké mes données bien que je peux faire de mon tableau avec une bibliothèque javascript, j'ai utilisé Highcharts (assez similaire à google charts), il a une bonne la documentation avec beaucoup de exemples.

J'ai mis toutes les données et quelques options dans une série de variables qui utilise le format de highcharts, comme suit:

 var series = [];
  //We enter the data we need in series
  for(var i = 0; i < months.length; i++) {
    series.push({
        name: months[i] + " " + country[0],
        type: 'column',
        color: Highcharts.getOptions().colors[i+7],
        data: dataA[i],
        stack: country[0] //country A
    });
    series.push({
        name: months[i] + " " + country[1],
        type: 'column',
        color: Highcharts.getOptions().colors[i+7],
        data: dataB[i],
      stack: country[1] //country B
    });        
  }

...
//we enter series in the highchart chart
    series: series

Je différencier les deux pays en mettant une valeur différente dans la stack. Cette variable me permet de créer un graphique à barres empilées avec de multiples barres avec les mêmes étiquettes de l'axe.

Une fois terminé, Vous obtenez un tableau comme ci-dessous:

Si vous ne souhaitez pas afficher tous les mois, vous pouvez cliquer sur les étiquettes des mois, vous ne voulez pas et il va disparaître, comme suit:

Une fois que vous avez créer votre graphique, vous pouvez le charger dans Excel à l'aide d'un excel add-in appelé Funfun.Il vous suffit de coller l'URL de l'éditeur en ligne dans le complément. Voici à quoi il ressemble avec mon exemple:

Vous pouvez ensuite enregistrer la carte dans différents format en cliquant sur le coin supérieur droit de la carte:

J'espère que cette aide, si je n'ai pas été clair dans mon explication, n'hésitez pas à commenter 🙂

Divulgation : je suis un développeur de Funfun.

OriginalL'auteur nicolas dejean