Modification de la couleur du point dynamiquement dans highcharts
J'ai été en mesure de modifier la couleur du point dans un graphique dynamique, mais quand j'ai passez la souris sur ce point, la couleur de ce point est en train de changer de couleur précédente.
J'ai un violon ici: jfiddle
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
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]
}]
});
//the button handler
$('#button').click(function() {
chart.series[0].data[2].graphic.attr({ fill: '#FF0000' });
chart.redraw();
});
Comment puis-je changer la couleur du point dynamiquement dans un graphique?
OriginalL'auteur Sandeep | 2013-04-29
Vous devez vous connecter pour publier un commentaire.
Je pense que vous êtes à la recherche pour mettre à jour la couleur du marqueur de façon dynamique.
vous pouvez utiliser la fonctionnalité de mise à jour pour cette
Ici est un jsFiddle pour votre référence. J'espère que ce sera utile pour vous.
Ses un bug dans Highcharts qui semble avoir été récemment corrigé: github.com/highslide-software/highcharts.com/issues/4622 En attendant, j'ai trouvé une solution de contournement pour forcer la mise à jour du point à l'aide du graphique.attr: jsfiddle.net/jtbuyhdm/1
OriginalL'auteur Strikers
est-ce ce que vous recherchez?
http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-states-select-fillcolor/
OriginalL'auteur Prakash Chennupati
Ça fonctionne pour moi:
chart.series[0].update();
(Réponse non)
OriginalL'auteur Christian Bouvier