Estoy usando HighCharts para un informe de gráfico lineal. En este informe específico, se me ha pedido que personalice los colores de cada serie. La serie siempre permanecerá igual. Así, por ejemplo:HighCharts: ¿Es posible personalizar los colores de las series individuales?
serie John: Azul línea discontinua serie María: Solid Red Line
¿Alguien sabe cómo lograr esto?
Las opciones se pueden configurar por separado para cada serie.
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
type: 'datetime'
},
series: [{
name: 'John',
color: '#0066FF',
dashStyle: 'ShortDash',
data: [
[Date.UTC(2010, 0, 1), 29.9],
[Date.UTC(2010, 2, 1), 71.5],
[Date.UTC(2010, 3, 1), 106.4]
]
},{
name: 'Mary',
color: '#FF0000',
data: [
[Date.UTC(2010, 0, 1), 60.9],
[Date.UTC(2010, 1, 1), 40.5],
[Date.UTC(2010, 2, 1), 90.0],
[Date.UTC(2010, 3, 1), 80.4]
]
}]
});
Si usted lee la API here, verá el siguiente texto.
Serie
La serie real a anexar a la carta. Además de los miembros enumerados a continuación, cualquier miembro de
plotOptionspara ese tipo específico de diagrama se puede agregar a una serie individualmente. Por ejemplo, aunque se especifique unlineWidthgeneral enplotOptions.series, se puede especificar unlineWidthindividual para cada serie.
Así que puede agregar cualquier cosa desde plotOptions.
Demostración:
series: [{
name: 'serie1',
data: [0,1,2,3,4,5,6,7,8,9],
color: '#FFFF00',
lineWidth: 4,
id: 'serie1',
step: true
}]
Gracias por esto! Los documentos de referencia hacían parecer que solo se podían establecer opciones para todas las series. Pensé que era extraño cuando vi eso, pero esto lo deja en claro. –
¿Puedes hacer que ese color sea condicional? Preguntándose si puede obtener el color a través de un formateador. – tsquillario
Awesome @EricC! .. Salvó mi día ... –