I have the following code to bind a chart to data. This code works in IE 9 and Firefox, but throws an error in IE 8. If i remove the second filter item, then it will work in IE 8. Am I doing something incorrectly?
$(
"#otherEthnicityChart"
).kendoChart({
theme:
"metro"
,
dataSource: {
data: indicator14reportData,
filter: [
{ field:
"DataClass"
, operator:
"eq"
, value:
"OtherChart"
},
{ field:
"Agency"
, operator:
">"
, value:
"E"
},
],
},
title: {
text:
"Other"
},
legend: {
position:
"bottom"
},
seriesDefaults: {
type:
"column"
,
stack:
true
},
series: [
{
field:
"HigherEducationPercent"
,
name:
"Higher Education"
,
color:
"#5084EA"
},
{
field:
"CompetitivelyEmployedPercent"
,
name:
"Competitively Employed"
,
color:
"red"
},
{
field:
"OtherEducationPercent"
,
name:
"Other Education"
,
color:
"green"
},
{
field:
"OtherEmploymentPercent"
,
name:
"Other Employment"
,
color:
"purple"
},
{
field:
"NotEngagedPercent"
,
name:
"Not Engaged"
,
color:
"#F2F471"
}],
tooltip: {
visible:
true
},
categoryAxis: {
field:
"Agency"
},
valueAxis: {
max: 100,
min: 0,
labels: {
format:
"{0}%"
,
max: 100
}
}
});