Highcharts Changement de la Barre de Couleur en Fonction de la Valeur
Je suis en utilisant Highcharts et je me demandais si il était possible d'avoir le top 3 des résultats dans un graphique à barres ont une couleur différente, bar, puis le reste de la carte? Je suis le remplissage de la carte à partir d'un fichier CSV.
Voici mon code javascript:
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'bar'
},
title: {
text: 'Spiritual Gifts Results'
},
colors: [
'#3BBEE3'
],
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'Service'
}
},
series: []
};
var data = document.getElementById("<%= hdn_Data.ClientID %>");
//Split the lines
if (data.value != "") {
var lines = data.value.split('\n');
//Iterate over the lines and add categories or series
$.each(lines, function(lineNo, line) {
var items = line.split(',');
//header line containes categories
if (lineNo == 0) {
$.each(items, function(itemNo, item) {
if (itemNo > 0) options.xAxis.categories.push(item);
});
}
//the rest of the lines contain data with their name in the first position
else {
var series = {
data: []
};
$.each(items, function(itemNo, item) {
if (itemNo == 0) {
series.name = item;
} else {
series.data.push(parseFloat(item));
}
});
options.series.push(series);
}
});
//Create the chart
var chart1 = new Highcharts.Chart(options);
}
});
Voici un exemple de fichier CSV.
Categories,Administration,Evangelism,Mercy,Shepherding,Leadership,Wisdom,Teaching
Total Points,11,5,4,4,3,2,1
Donc, dans cet exemple, je voudrais pour "Administration", de "l'Évangélisation", et "Miséricorde" pour avoir une "barre bleue de la couleur', alors que la "Bergerie", de "Leadership", etc. avoir un rouge " de la barre de couleurs."
Est-ce possible?
Voici violon
OriginalL'auteur mint | 2012-05-25
Vous devez vous connecter pour publier un commentaire.
Basé sur des OP commentaire, barré de ma réponse précédente.
Comme vous le faites,et
Comme sage, vous pouvez le faire,
(dans votre boucle, vous pouvez changer la couleur en fonction de vos conditions )
Que vous pouvez faire,
Violon
Reportez-vous cette, vous pouvez donner
data
de 3 façons. J'ai utilisé le troisième.Mise à jour de votre code ici et montrent également un violon lien, de sorte que je puisse vérifier
Voici un violon lien: jsfiddle.net/vP2rM/6 (laissez-moi savoir si cela a fonctionné, je n'ai jamais bricolé avant)
J'ai mis à jour ma réponse, ne le regardez. Marquer comme réponse si elle vous aide à vous 🙂
Voici une mise à jour de la page qui donne les 3 façons d'ajouter des données : http://api.highcharts.com/highcharts#series
OriginalL'auteur
Voici un Exemple
OriginalL'auteur
Oui,
Dans votre poussée, vous devriez être en mesure de définir une couleur pour ce point. Je ne suis pas trop familier avec les pousser comme nous utilisons un fichier de données de l'objet que vous nous envoyez. Mais à l'intérieur de notre .NET nous avons mis de la couleur (si nécessaire) sur un point particulier et ensuite envoyer l'objet de données pour le graphique.
OriginalL'auteur