Kendo Chart bar does not appear after Legend disable!

4 posts, 0 answers
  1. Hardeep
    Hardeep avatar
    5 posts
    Member since:
    Jul 2013

    Posted 04 Mar 2014 Link to this post

    I am creating a chart using Kendo DataBiz: Code as below

    1) Charts gets displayed
    2) Once user click the Legend (Spots) it hide the Spots bar
    3) But Bar does not appear back once user select the Spots Legend again
    4) Line on other hand  works quite well.

    See attached with screenshot.

    Code as below:
    $("#ChartTopnPrograms").kendoChart({

                                    dataSource: {

                                        data:
    data[0]

                                    },

                                    chartArea: {

                                        width: 750,

                                        height: 280

                                       
    ,background: ""

                                    },

                                    theme: '@Model.SelectedTheme',

    //                                title: {

    //                                    //text:
    "Top n Programs between " + kendo.toString(start.value(),
    "dd-MMM-yyyy") + " to " + kendo.toString(end.value(),
    "dd-MMM-yyyy"),

    //                                    font:
    "12px sans-serif"

    //                                },

                                    legend: {

                                        position: "right"

                                    },

                                    seriesDefaults:
    {

                                        type: "bar"

                                    },

                                    series: [{

                                        field: "ProgramCount",

                                        name: "Spots"

                                    }

                                , {

                                    type: "line",

                                    field: "Value",

                                    name: "Actual Value",

                                    axis: "Value"

                                }

                            ],

     

                                    categoryAxis: {

                                        field: "ProgramName",

                                        name: "Program",

                                       
    axisCrossingValues: [0, 100],

                                        labels: {

                                            font: "11.5px Arial,Helvetica,sans-serif"

                                        }

                                    },

                                    valueAxis: [{

                                        labels: {

                                           
    template: "#= kendo.format('{0:N0}',
    value) #"

                                        },

                                        title: { text: "" }

                                    }, {

                                        labels: {

                                           
    template: "#= kendo.format('{0:N0}',
    value) #"

                                        },

                                        name: "Value",

                                        title: {
    text: "Value" }

                                    }

     

                            ],

                                    tooltip: {

                                        visible: true,

                                        format: "{0}",

                                        template: "#= series.name #:#= kendo.format('{0:N0}', value)
    #"

                                    }

                                });
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 05 Mar 2014 Link to this post

    Hello Hardeep,

    I already posted a reply in your other thread, however I am pasting my answer here too:

    I tried to reproduce the issue using the provided configuration but to no avail - chart series are rendered as expected (jsBin example). Could you please check if there are some errors in the browser console?


    Regards,
    Iliana Nikolova
    Telerik

    DevCraft Q1'14 is here! Join the free online conference to see how this release solves your top-5 .NET challenges. Reserve your seat now!

  3. TISAL
    TISAL avatar
    8 posts
    Member since:
    Dec 2013

    Posted 11 May 2015 in reply to Hardeep Link to this post

    Hi, I have the same problem. Have you fixed it? How?
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 13 May 2015 Link to this post

    Hi RUBEN,

    Please provide a dojo example which demonstrates your exact setup - this way I would be able to check what exactly is going wrong and provide concrete recommendations. Thank you in advance.

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