Highchart-Spaltenbalkendiagramm mit spezifischer Breite

Lesezeit: 2 Minuten

Benutzer-Avatar
Gang Tian

Sie müssen einen Weg finden, ein Diagramm mit Fehlerbalken darzustellen, aber es scheint, dass es in der nicht unterstützt wird highchart im Augenblick. Mein Plan ist, ein Stapelsäulen-Balkendiagramm mit 0 bis unteres Y als transparent und unteres Y bis oberes Y mit einer roten Farbe oder was auch immer ich später auswählen werde, zu verwenden.

Meine Frage ist:

Ist es möglich, die Breite der Stapelspaltenleiste unabhängig von der Zoomstufe im Highchart auf 1 Pixel zu begrenzen?

Danke für die Eingabe!

Habe das gerade selber herausgefunden. pointWidth ist der Parameter zum Festlegen der Breite für die Balkenbreite. Auch der Rundgang ist schön, um den Fehlerbalken darzustellen, da es noch keine hochgradig interaktiven Javascript-Diagramme gibt, die diese Art von Diagrammen unterstützen.

  • kannst du bitte ein Beispiel teilen?

    – ip.

    22. Juli 2011 um 1:18 Uhr

  • Danke, das hat mir geholfen! Sie sollten Ihre Antwort als richtig akzeptieren.

    – Benekastah

    29. September 2011 um 15:56 Uhr

  • Das ist fantastisch! Allerdings überlappen sich jetzt meine Balken. Hatten Sie dieses Problem? Oder wissen Sie, wie Sie den Abstand zwischen den einzelnen Balken automatisch anpassen können?

    – Jimmy Jammed

    10. Januar 2012 um 21:40 Uhr

  • plotOptions.column.groupPadding wirkt sich auch auf die Spaltenbreite aus. Wenn ein Diagramm viele Spalten oder keinen Platz zum Einpassen hat, kann die Standardfüllung von 0,2 die Breite verzerren. Das Setzen auf 0 löst das Problem.

    – Ferenc Takacs

    22. September 2015 um 14:31 Uhr

  • @NitWitStudios Gleiches Problem. Lösung gefunden?

    – Halbblutprinz

    19. August 2016 um 5:10 Uhr

Benutzer-Avatar
Prüfung

series: [{
            name: strSeriesTitle,
            data: arrData,
            pointWidth: 28
        }]

Eine funktionierende DEMO zum Einstellen der Breite der Säulenbalken unabhängig von der Diagrammgröße.

Sie müssen verwenden pointWidth Option wie:

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

        plotOptions: {
            series: {
                pointWidth: 40//width of the column bars irrespective of the chart size
            }
        },

        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]
        }]
    });
});

  • Es vergrößert die Breite der bars aber danach die bars überlappen sich. Ich möchte mich steigern bars Größe entsprechend der Diagrammgröße. Wie?

    – Halbblutprinz

    19. August 2016 um 5:05 Uhr

Sie sollten stattdessen die folgenden Optionen verwenden pointWidth ansprechbar und nicht fixiert sein:

plotOptions: {
    series: {
        pointPadding: 0, // Defaults to 0.1
        groupPadding: 0.01 // Defaults to 0.2
    }
},

1187620cookie-checkHighchart-Spaltenbalkendiagramm mit spezifischer Breite

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy