Google Chart, couleur différente pour chaque barre
J'ai cette Barre Google Graphique:
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', '');
data.addColumn('number', '');
data.addRows(2);
data.setValue(0, 0, 'Value 1');
data.setValue(0, 1, 250);
data.setValue(1, 0, 'Value 2');
data.setValue(1, 1, 100);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {
width: 400,
height: 175,
title: 'Total',
legend: 'none',
});
}
Tout fonctionne OK, mais le truc, c'est que les deux barres ont la même couleur, et je voudrais être en mesure d'avoir des couleurs différentes pour chaque barre.
Quelqu'un peut-il m'aider sur ce point?
source d'informationauteur jaclerigo
Vous devez vous connecter pour publier un commentaire.
Un hacky façon de faire les choses est de les mettre tous dans la même ligne, et l'API à attribuer des couleurs distinctes pour cela. Donc pour ton exemple
Si vous avez besoin de vos propres couleurs ajouter cela dans le graphique.tirage options comme,
Si il y a trop de bars, ceci peut être une mauvaise option pour cela, veuillez regarder
http://code.google.com/apis/chart/interactive/docs/reference.html#barformatter
Ne sais pas pourquoi personne n'a mentionné de rôle dans le style des colonnes - je suppose qu'ils ont été ajoutés après la première question, mais pour ceux qui cherchent pour cela, une meilleure façon est:
Vous pouvez définir de nombreux autres styles CSS pour faire vos cartes VRAIMENT moche.
https://developers.google.com/chart/interactive/docs/gallery/columnchart#Colors
REMARQUE qu'il ne semble pas à l'appui de rgba() les couleurs spécifiées, - vous avez de l'opacité sur le style de rôle.
Ici un violon:
http://jsfiddle.net/a1og7rq4/
NOTE: Si vous avez plusieurs séries, alors vous avez besoin d'un style de colonne de rôle après chaque série de données de la colonne.
Voici un autre violon montrer que (opacité): http://jsfiddle.net/v5hfdm6c/1
Ici est la modification de la fonction (à gauche le non modifiée de celle ci-dessus pour plus de clarté)
}
Exactement, vous devez insérer les couleurs de l'attribut dans les options de la variable.
Veuillez ajouter cela dans les options:
colors:['red','#009900']
Comme:
Voici ma réponse. Il prend soin de la conversion d'un tableau en dataTable
Pour ceux qui sont à l'aide de Diagramme circulaire:
Ajouter le
slices