How to change the charts style

[thiru]

Hi,

First time i am using kendo UI chart.
How to change the chart designs.For example,The default chart will displays horizontal and vertical line but i need to display dotted line instead of those lines.how to change the entire chart design.Please help me out this and thanks in advance.

[Hristo Germanov]

Hello Thiru,

Thank you for contacting us.

With beta 2 release of Kendo UI we are implemented dashType property.

You can set dashType to the border, line, or major/minor grid lines. For example:

categoryAxis: {
       line: {
             dashType: "dot" //or "dash", "longdash", "dashdot", "longdashdot" and "longdashdotdot"
       }
}
or
chartArea: {
     border: {
           dashType: "dot",
           color: "red",
           width: 1
     }
}

Kind regards,
Hristo Germanov
the Telerik team

[thiru]

Hi Hristo Germano,

Thanks for your help.I applied your code on x and y axis its working.but i need to change all lines into dotted.
How to change that?
I have attached file.This file have our design.Is this design is possible to your kendo chart.
Please check my attached files. Once again thanks for your help.

[Hristo Germanov]

Hello Thiru,

1) You need to set dashType to majorGridLines for categoryAxis.
2) DashType to ticks for category/value axis is not supported.
3) Labels "day", "this weak" and "last weak" are not supported.
 
Greetings,
Hristo Germanov
the Telerik team