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)
#"
}
});
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
0
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
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
Rank 1
answered on 11 May 2015, 08:18 PM
Hi, I have the same problem. Have you fixed it? How?
0
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!