This is a migrated thread and some comments may be shown as answers.

How to implement a gradation with canvas

2 Answers 86 Views
Charts
This is a migrated thread and some comments may be shown as answers.
kako
Top achievements
Rank 1
kako asked on 28 May 2018, 01:16 AM

Hi.Thank you as always!

My AreaChart is rendered with canvas. (Because it enables pan on touch device)

I implemented the gradation on the chart with reference to the article below.

https://docs.telerik.com/kendo-ui/knowledge-base/chart-area-gradient-effect

But it did not work.

Is there a way to implement a gradation when rendering with canvas?

https://dojo.telerik.com/IHIWugiR

2 Answers, 1 is accepted

Sort by
0
kako
Top achievements
Rank 1
answered on 28 May 2018, 01:21 AM

Sorry! The sample is here.

https://dojo.telerik.com/IHIWugiR/2

0
Viktor Tachev
Telerik team
answered on 29 May 2018, 11:49 AM
Hi Kako,

The example from the documentation is using SVG mode and takes advantage of the fact that an external custom gradient can be applied. I am afraid that using gradient color when the Chart is rendered as canvas is not available as a built-in feature.  

Regards,
Viktor Tachev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
kako
Top achievements
Rank 1
Answers by
kako
Top achievements
Rank 1
Viktor Tachev
Telerik team
Share this question
or