Export as PDF

[Dragos]

Hello guys,

I have some charts with legend set as false, but when i export the PDF i want to be able to export the legend on the bottom of the chart also.

Is that possible, can someone assist me with this issue.

Any help is much appreciated.

 

Thank you.

[Dimiter Topalov]

Hello Dragos,

You can configure the legend position to "bottom", and handle the render event of the Kendo UI Chart to find and hide the legend programmatically. It will not be visible on the page, but will still appear in the exported PDF. Here is a sample implementation:

http://dojo.telerik.com/UyepU/2

I hope this helps.

Regards,
Dimiter Topalov
Telerik

[Dragos]

Thank you very much for this great answer.

Best.

[Dragos]

Dimiter what if i renderAs: canvas; How do i do it then ?

[Dimiter Topalov]

Hi Dragos,

You can use the following workaround, that works the same, regardless of the rendering engine, set in the options:

http://dojo.telerik.com/UyepU/5

It is based around creating a new chart with the same options, except legend.visible, and transitions, in a hidden element, saving it as a PDF, and then destroying it.

Regards,
Dimiter Topalov
Telerik

[Dragos]

I have a question.

 

Is there any way of achieving something like this. I have attached a picture.

On any of the bars i must be able to render as much as 5 stacked segments with different colors, and i must have at least 3 separate bars.

I have tried with no success the stacked bars charts and the bullet charts.

 

Any indications are most appreciated.

Thanks.

[Dimiter Topalov]

Hi Dragos,

Based on the provided information, the stacked bars, or grouped and stacked bars charts (depending on the scenario), seem the most appropriate choice:

http://demos.telerik.com/kendo-ui/bar-charts/stacked-bar

http://demos.telerik.com/kendo-ui/bar-charts/grouped-stacked-bar

You can also check out the following how-to article from our documentation on implementing color-coded ranges in bars:

http://docs.telerik.com/kendo-ui/controls/charts/how-to/color-coded-bars

I hope this helps.

On a side note, could you please open a separate thread for questions or issues that are not directly connected to the ones in the initial post? This will help us to better systematize the support process, and improve the service as a whole. Thank you in advance.

Regards,
Dimiter Topalov
Telerik

[Dragos]

Hello,

Can you please provide me with a custom example like in my picture. I will explain again.

I have 3 bars ( the 1st one will need to pragmatically contains up to 7 stacked bars , the 2nd one will be just one value and the 3rd one will be like the same ). All the 7 stacked bars will have to separate values and colors except for the second which will just be blue for example. I hope this makes more sense.

 

I haven't opened a new post because i had no idea where to include my question.

A simple example will suffice.

Thanks.

[Dragos]

i have attached a picture

[Dragos]

i have attached a second picture

[Dimiter Topalov]

Hi Dragos,

You can customize the stacked bars' colors via the series.colorField option:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.colorField

... and define the desired colors for each series.data, as shown in the following dojo:

http://dojo.telerik.com/UdoNA

I hope this helps.

Regards,
Dimiter Topalov
Telerik