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 2016 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
    2611 posts

    Posted 21 Jul 2016 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
Back to Top