This is a migrated thread and some comments may be shown as answers.

Kendo Chart bar does not appear after Legend disable!

3 Answers 54 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Hardeep
Top achievements
Rank 1
Hardeep asked on 04 Mar 2014, 10:09 AM
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)
#"

                                }

                            });

3 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 05 Mar 2014, 09:23 AM
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!

0
TISAL
Top achievements
Rank 1
answered on 11 May 2015, 08:18 PM
Hi, I have the same problem. Have you fixed it? How?
0
Iliana Nikolova
Telerik team
answered on 13 May 2015, 09:58 AM

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!
 
Tags
Charts
Asked by
Hardeep
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
TISAL
Top achievements
Rank 1
Share this question
or