web-dev-qa-db-fra.com

Graphique à barres de colonne de pile de largeur spécifique Highchart

Besoin de trouver un moyen de représenter un graphique avec une barre d'erreur, mais il semble qu'il ne soit pas pris en charge dans le highchart pour le moment. Mon plan est d'utiliser un graphique à barres de colonne de pile avec 0 pour abaisser Y comme transparent, et abaisser Y pour Y supérieur avec une couleur rouge ou tout ce que je vais choisir plus tard.

Ma question est:

Est-il possible de limiter la largeur de la barre de colonne de la pile pour dire 1px quel que soit le niveau de zoom dans le graphique?

Merci pour la contribution!

javascriptjquerygraphchartshighcharts
30
Gäng Tian

Je viens de comprendre cela moi-même. pointWidth est le paramètre pour définir la largeur de la largeur de barre. De plus, la promenade est agréable pour représenter la barre d'erreur car il n'y a pas encore de graphique javascript hautement interactif prenant en charge ce type de graphique.

34
Gäng Tian
series: [{
            name: strSeriesTitle,
            data: arrData,
            pointWidth: 28
        }]
25
test

ne DEMO de travail pour régler la largeur des barres de colonne quelle que soit la taille du graphique.

Vous devrez utiliser l'option pointWidth comme:

$(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]
        }]
    });
});
13
Rahul Gupta

Vous devez utiliser les options suivantes au lieu de pointWidth pour être réactif et non fixe:

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