How to implement a gradation with canvas

3 posts, 0 answers
  1. kako
    kako avatar
    36 posts
    Member since:
    Mar 2015

    Posted 27 May Link to this post

    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. kako
    kako avatar
    36 posts
    Member since:
    Mar 2015

    Posted 27 May Link to this post

    Sorry! The sample is here.

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

  3. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2090 posts

    Posted 29 May Link to this post

    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.
Back to Top