Graphique à barres de colonne de pile de largeur spécifique de Highchart
Besoin de trouver un moyen de représenter un graphique avec une barre d'erreur, mais il semble qu'il ne supporte pas 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 à 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 highchart?
Merci pour l'entrée!
4 réponses
Je viens de le découvrir moi-même. pointWidth est le paramètre pour définir la largeur de la largeur de la 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.
series: [{
name: strSeriesTitle,
data: arrData,
pointWidth: 28
}]
Une démo de travail pour définir la largeur des barres de colonne indépendamment de 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]
}]
});
});
Vous devez utiliser les options suivantes au lieu de pointWidth pour être réactif et non corrigé:
plotOptions: {
series: {
pointPadding: 0, // Defaults to 0.1
groupPadding: 0.01 // Defaults to 0.2
}
},