Como cambiar el Color en las gráficas de Vaadin Charts

Hola me gustaría saber como se puede cambiar los colores de las graficas de Vaadin Charts.
Muchas gracias.

Puede elegir el color que se utiizará en la grafica mediante un PlotOptions.

Por ejemplo, para dibujar un diagrama de barras de color rojo

DataSeries redSeries = new DataSeries("red");
PlotOptionsBar po = new PlotOptionsBar();
po.setColor(SolidColor.RED);
redSeries.setPlotOptions(po);

Buenas!

Si te fijas en el
sampler de charts
puedes ver el código de cada demo, por ejemplo en
http://demo.vaadin.com/charts/#DualAxesLineAndColumn
Tienes un tab “source” que te muestra cómo se creó el ejemplo.

Gracias Guillermo!

Otra duda que me aparece es como cambiar el Tooltip dentro de una gráfica de Vaadin Charts, el que me aparece es de este estilo cuadrado: http://demo.vaadin.com/charts/#PieWithGradientFill

Y lo que pretendo es que me quede de esta forma: http://demo.vaadin.com/sampler/#addons/vaadin-charts/column-and-bar/dual-axes

He probado con el código que aparece:

Tooltip tooltip = new Tooltip();
tooltip.setFormatter(“this.x +': ‘+ this.y + (this.series.name == ‘Rainfall’ ? ’ mm’ : ‘°C’)”);
conf.setTooltip(tooltip);

Pero no ha surgido efecto.

Carlos,

A qué te refieres con el estilo cuadrado? No me doy cuenta de qué diferencia le ves a los tooltips.

Saludos

Hola Guillermo,

He adjuntado dos imagenes para que veas la diferencia de los dos tooltips que encuentro en Vaadin Charts.

El que llamo rectangular y el que es mas parecido a un “globo de comic”

Saludos

17954.png
17955.png

Ahora me queda claro. Disculpas.
Hay dos temas diferentes relacionados a la forma del tooltip:
-El primero es que en el momento Vaadin Charts no tiene la API necesaria para poder definir tooltip.shape. Puedes crear un ticket en
trac
para que sea considerado en una próxima versión.
-Independiente de esto estuve probando y Higcharts (la biblioteca js que se usa para visualización) no muestra el “globo de comic” o “callout” cuando se trata de una gráfica de tarta, la explicación está
aquí
.