Styles are ignored in Charts 2.0.0

[vaadin-bot]

Originally by [email protected]

---

Hi there,

We are using Charts 2.0.0 along with Vaadin 7.3.9. and have issues when trying to apply Styles to:

• data labels on a plotOptions
• labels on Axis
• legends

These styles (with font size, color, family, ..) are completely ignored. Many thanks in advance, Luis

---

Imported from https://dev.vaadin.com/ issue #17845

[vaadin-bot]

Originally by @zch

---

Hi,

data labels on a plotOptions

Could you please try with 2.1.0.beta1 and report back whether this works better? Some things were not supported in earlier versions.

labels on Axis

What specific issues do you see here? Everything you mention should work.

legends

The underlying rendering library has deprecated the styles object on these. Unfortunately I just noticed that it's not possible to enable HTML mode on the legend, which makes advanced styling somewhat hard. I created a new ticket about that #17919

[vaadin-bot]

Originally by [email protected]

---

Attachment added: Chrome_1.png (146.5 KiB) https://trac-attachments.vaadin.com/trac/17845/Chrome_1.png

[vaadin-bot]

Originally by [email protected]

---

Attachment added: Chrome_2.png (89.9 KiB) https://trac-attachments.vaadin.com/trac/17845/Chrome_2.png

[vaadin-bot]

Originally by [email protected]

---

Attachment added: FireFox_1.png (167.4 KiB) https://trac-attachments.vaadin.com/trac/17845/FireFox_1.png

[vaadin-bot]

Originally by [email protected]

---

Attachment added: FireFox_2.png (121.9 KiB) https://trac-attachments.vaadin.com/trac/17845/FireFox_2.png

[vaadin-bot]

Originally by [email protected]

---

Hi Jonathan,

We upgraded to Vaadin 7.4.6 and Charts 2.1.0.beta1 and performed some tests on the latest versions of Chrome and FireFox. We applied a style with Arial font family, size 9 and blue color to data labels on plotOptions, labels on Axis and legends. Please see the results.

Looks like there are some improvements regarding the previos version but there are still some issues with:

• Size: Using the developer console or Firebug, the size 9 style appears as strikethrough. However, Chrome shows everything as 9 well but FireFox decides to use size 14
• Font color on data labels: depending on the type of graph, sometimes it uses the specified blue color, sometime it uses some grey.

Hope this helps.

Many thanks, Luis