how to categories series in kendo chat mvc?

2 posts, 0 answers
  1. Saravanan
    Saravanan avatar
    3 posts
    Member since:
    Jul 2016

    Posted 19 Jul Link to this post

    Hi,

    I have a chart,

    Purpose of the chart will say total of male & female, based on the country & nationality wise. Successfully generate the chart
    Here is the fiddle, i created.
    jsFiddle example

      For the reference
    How to categories the series label.

    I am trying to position the series name similar like this (Capture.JPG)..

    Suggest me how can i generate

     

    @(Html.Kendo().Chart()
        .Name("chart")
        .Title("Gender Summay based on the total")
        .Legend(legend => legend
            .Position(ChartLegendPosition.Bottom)
        )
        .Series(series =>
        {
            series.Column(new double[] { 54, 5 }).Name("2010 Bah")
             .Labels(labels =>
            labels.Template("#= series.name #")          
            .Background("transparent")
            .Visible(true));
            series.Column(new double[] { 24, 21 }).Name("2010 Non Bah").Labels(labels =>
           labels.Template("#= series.name #")
           .Background("transparent")
           .Visible(true));
     
            series.Column(new double[] { 54, 5 }).Name("2011 Bah").Labels(labels =>
           labels.Template("#= series.name #")
           .Background("transparent")
           .Visible(true));
     
            series.Column(new double[] { 24, 21 }).Name("2011 Non Bah")
             .Labels(labels =>
            labels.Template("#= series.name #")           
            .Background("transparent")
            .Visible(true));
     
            series.Column(new double[] { 10, 52 }).Name("2012 Bah")
            .Labels(labels =>
           labels.Template("#= series.name #")
           .Background("transparent")
           .Visible(true));
     
            series.Column(new double[] { 12, 65 }).Name("2012 Non Bah")
            .Labels(labels =>
            labels.Template("#= series.name #")
            .Background("transparent")
            .Visible(true));
        })
        .CategoryAxis(axis => axis
            .Categories("Male", "FeMale")
     
            .Justify(true)
        )
     
        .Tooltip(tooltip => tooltip
            .Visible(true)
            .Format("{0}")
            .Template("#= series.name # : #= value #")
        )
        )

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 21 Jul Link to this post

    Hi Saravanan,

    For some reason the attachment didn't make it trough - could you please zip and send it again? Thank you in advance.

    Regards,
    Iliana Nikolova
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top