gestapeltes Säulen-Diagramm für die beiden Daten-sets - Excel

Ich sehe Sie im Zusammenhang mit einer stackoverflow-Frage, wo Sie javascript verwenden, um ein Diagramm erstellen mit google charts. Ich denke, diese Sprache ist der beste Weg zum erstellen von komplexen Diagrammen wie dem ihrigen.

Sie wissen, daß Ihre Programmierkenntnisse waren nicht gut in vba, ich weiß nicht, ob es ist das gleiche mit javascript, aber ich werde versuchen zu beschreiben, mein code den ich am besten kann.

Hier einen funktionierenden code, den ich geschrieben habe für Sie:

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

So wie Sie sehen können, um in diesem Beispiel verwendete ich einen online-editor mit einer eingebetteten Tabelle. Ich geben Sie meine Daten in es und ich auf es mit meinem code durch die Verwendung einer JSON-Datei, es ist die short Datei unter dem Einstellungen:

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

Nachdem ich Zugriff auf meine Daten, die ich speichern Sie es in lokale Variablen, Sie können sehen, dass in der script.js - Datei. Ich schrieb ein paar Kommentare, damit Sie wissen, welche variable was. Gehe ich schmeiß meine Daten mit $internal.data, es ist, wo die Daten aus der Tabellenkalkulation wird gespeichert von Spalte A bis D, Zeile 1 bis 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
      ]);
  }
}

Nachdem ich meine gespeicherten Daten korrekt, ich kann auch meine Tabelle mit einer javascript-Bibliothek, die ich verwendet, Highcharts (ziemlich ähnlich zu google charts), es hat eine gute Dokumentation mit viel Beispiele.

Habe ich alle Daten und einige wenige Optionen in einer Reihe Variablen, die verwendet das format von highcharts, etwa so:

 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

Ich unterscheiden sich die beiden Länder, indem Sie einen anderen Wert in das stack. Diese variable ermöglicht mir das erstellen Sie ein gestapeltes Balkendiagramm mit mehreren Balken, mit der gleichen Achse label.

Sobald dies geschehen ist erhalten Sie ein Diagramm wie dieses:

Wenn Sie nicht wollen, um alle die Monate, die Sie klicken können, auf den Etiketten der Monate, die Sie nicht wollen, und es wird verschwinden, und zwar so:

Sobald Sie bauen Ihre Karte können Sie laden Sie Sie in Excel mit einer excel-add-in namens Funfun.Sie müssen nur fügen Sie die URL der online-editor im add-in. Hier ist, wie es aussieht mit meinem Beispiel:

Können Sie dann speichern Sie das Diagramm in verschiedenen format, indem Sie auf der oberen rechten Ecke des Diagramms:

Ich hoffe das hilft, wenn ich nicht klar meine Erklärung zögern Sie nicht zu kommentieren 🙂

Offenlegung : ich bin ein Entwickler von Funfun.

InformationsquelleAutor nicolas dejean