Come dare tinte unite ai grafici a barre in flot
-
26-10-2019 - |
Domanda
Ho bisogno di dare i colori solidi di grafici a barre ... Ho seguito questo link grafico a barre Esempio
Ma io voglio dare i colori solidi e anche ho bisogno di cambiare i colori me stesso ... come si fa ...
Soluzione
Prima di tutto, leggere il API.txt , risponde a tutte le vostre domande. Due cose che si devono fare, allora. Quando si specifica che si desidera bar, fill: 1
set, che dice a flot per rendere i colori 100% opaco. Per specificare un colore per ogni serie, è sufficiente aggiungere un color:'red'
a ciascun oggetto di dati.
Così si finisce con un oggetto dati in questo modo:
var data = [
{label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,300], [5,300]]},
{label: 'bar', color:'blue', data: [[1,800], [2,600], [3,400], [4,200], [5,0]]},
{label: 'baz', color:'yellow', data: [[1,100], [2,200], [3,300], [4,400], [5,500]]},
];
e opzioni Flot come questo:
{
series: {
stack: 1,
bars: {
show: true,
barWidth: 0.6,
fill:1
}
}
}
Guardalo in azione qui: http://jsfiddle.net/ryleyb/kKdxt/
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow