Wie um zu verhindern, dass meine gestapelten Serie von in umgekehrter Reihenfolge?

Versuchte ich ein Beispiel von gestapelten Serie auf JSFiddle aber nach mir, die Serie Umgekehrt werden, wenn gestapelt:

$(function () {
    $('#container').highcharts({
        chart: {
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {
            data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
        }]
    });
});

Die erste Zeile in blau gezeichnet werden sollen, zunächst (Januar : 29.9), und das zweite sollte Hinzugefügt werden, um diese ein (Januar : 29.9 + 144 = 173.9 ).

Gibt es einen Weg, um die Serie in der richtigen Reihenfolge, wenn Sie gestapelt werden?

InformationsquelleAutor keskispas | 2013-04-24
  1. 28

    Können Sie die Reihenfolge ändern, indem Sie index-parameter, die gesetzt werden können, die in der serie.

    http://jsfiddle.net/KLttA/

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        index:1
    }, {
        data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2],
        index:0
    }]
    • Ich werde es versuchen, und fügen Sie legend: { reversed: true } um es in der richtigen Reihenfolge zu. Danke !
    • Sebastian, würdest du wissen, wie man eine Reihe index-Wert in c#?
    • Ehrlich gesagt, ich bin nicht familair mit c#, aber es ist ein Objekt in javascript, so dass Sie brauchen, um familari mit der Rückgabe von JSON in c# und verwenden dann in JS>
    • Während @lionel Antwort ist es besser, nur immer die stacks in der richtigen Reihenfolge, ist dies immer noch sehr hilfreich, in anderen Fällen (wie die Festsetzung der Bestellung von nicht-gestapelt mehrere Reihen in bar-charts).
    • Dies würde nicht funktionieren, wenn Sie mit chart.addSeries(). zIndex, löst dieses problem.
    InformationsquelleAutor Sebastian Bochan
  2. 41

    Da dies das top-Ergebnis in google, vielleicht das spart Zeit für einige:

    Den yAxis hat eine reversedStacks parameter (seit version 3.0.10), der true standardmäßig. Bauen, stapeln, von unten nach oben, setzen Sie diese auf false. Legende und shared tooltip-Element, um korrekt bleiben auf diese Weise.

    http://jsfiddle.net/r5upptLo/

    InformationsquelleAutor lionel
  3. 1

    Können Sie die serie legendIndex parameter : http://api.highcharts.com/highcharts#series.data.legendIndex

    • Vielen Dank für die Veröffentlichung dieses zusätzliche detail - legendIndex ist eigentlich das, was ich nach (nicht index wie das ist festgelegt durch die Reihenfolge).
    • hm laut der docs legendIndex ist nur für Kreisdiagramme und das Beispiel des OP ist ein Liniendiagramm
    • Welp. Nevermind. Habe es gerade ausprobiert und es funktioniert für alle Diagramm-Typen. Docs aktualisiert werden müssen, denke ich
    InformationsquelleAutor mt81
  4. 0

    Einen anderen Weg, dies zu tun ist durch das hinzufügen .reverse() am Ende der series-array, siehe Beispiel im http://jsfiddle.net/sq9u6q5n/ .

    InformationsquelleAutor Jfly
  5. -2

    Was Sie suchen, ist reversed in x-Richtung oder yAxis. Ich habe versucht reversedStacks aber es hat nicht funktioniert und nach einem Blick auf die Unterlagen, die ich nicht finden konnte es, so die Annahme, es wurde ersetzt mit reversed.

    • reversed tut etwas völlig anderes. Es dreht sich die ganze Achse, z.B. wenn es vorher ging von 0 auf der linken Seite, um 100 auf der rechten Seite 0 ist nun auf der rechten Seite und die bars (wenn es ein bar-chart) starten Sie von der rechten Seite.
    • Diese Antwort ist im wesentlichen die gleiche wie Lionel ' s (außer, dass man den richtigen Wert für die Eigenschaft) aus, einige Monate zuvor.
    InformationsquelleAutor Matt Sich
Schreibe einen Kommentar