10 Answers, 1 is accepted
I figured it out. You can add color: "#FFF" to the legend, title etc... Color is not covered in the documentation for the title.
I am afraid it is not possible to control the font/size of the title/labels in Kendo UI Chart using external stylesheet - you should use the configuration options.
the Telerik team
This stuff is not documented properly!
Have you guys noted in your forums how many people are talking about the fact that your documentation is incomplete or seriously lacking?
Up to your questions:
- The font property is a shorthand for setting font-style, font-variant, font-weight, font-size, line-height and font-family (W3C standards). Hence you could achieve the expected result using the following syntax:
- As pointed in the documentation, the title can be aligned via title.align or title.position options:
I hope that helps clarify this a bit.
[quote]Jason said:What people seem to be missing here is that the test (title, etc.) is part of the generated svg for the chart, not html. Because it's not html, CSS styling cannot be applied to it. That's why it's necessary to use the control settings to set these things.[/quote]
That is entirely incorrect. CSS styling absolutely CAN be applied to SVG. Unfortunately, since Kendo generates the SVG without CSS classes we can't use this feature. Please add this at some future release. Being forced to do this in the configuration makes it extremely difficult to use these controls in a responsive design.
Not relying on SVG-specific features is intentional as the Drawing API that underpins the charts supports multiple rendering targets. This includes Canvas, PDF and VML.
If you try to export your chart, or page containing charts, to an image or PDF file the CSS styles will not kick in. That's something that we would like to avoid.
I hope this clears up the motivation behind this decision.