Overlay Property for Donut Chart

2 posts, 0 answers
  1. Cameron
    Cameron avatar
    2 posts
    Member since:
    May 2015

    Posted 22 Feb 2016 Link to this post

    Good morning,

    I'm currently trying to get my donut charts to look flat with a bootstrap theme through the use of the kendo widget.  I've been taking a look at your documentation and came across the following property, and was hoping that it would be as simple as adding this to the end of the series object in the mvc widget ".Overlay.Gradient("none")"


    But to no avail, there is no such property, not according to the syntax highlighting, and it doesn't work when I try brute forcing the thing.  So I was wondering how to go about this using the syntax below.

        .Title("Chart Data")
        .Legend(legend => legend
        .Series(series =>
                model => model.Value,  // The data to use
                model => model.Category, // The category Name
                model => model.Color, // The color to use for the category
                null // How far out the donut section should pop out
            //.Labels(labels => labels
            //    .Visible(true)
            //    .Position(ChartPieLabelsPosition.OutsideEnd)
            //    .Template("#= category # - #= kendo.format('{0:P}', percentage)#")
            //    .Background("transparent")
        .Tooltip(tooltip => tooltip
            .Template("#= category # - #= kendo.format('{0:P}', percentage) #")


  2. Iliana Nikolova
    Iliana Nikolova avatar
    2611 posts

    Posted 24 Feb 2016 Link to this post

    Hi Cameron,

    The correct syntax for removing the gradient in Kendo UI Chart for ASP.NET MVC is as follows:

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top