We had a pie chart well formatted in our app - it was using kendo.all.min.js 2012.1.322 and the included jquery.min.js
When we upgraded to kendo.all.min.js 2012.2.913 the pie chart looked very different and unreadable from a style standpoint. The javascript code did not change at all nor did the input data.
I've included before/after screen shots and the code - any ideas?
When we upgraded to kendo.all.min.js 2012.2.913 the pie chart looked very different and unreadable from a style standpoint. The javascript code did not change at all nor did the input data.
I've included before/after screen shots and the code - any ideas?
App.globalVar.generateChart =
function
(container, bcLevels, inputFilter, inURL) {
$(container).kendoChart({
dataSource: {
transport: {
read: {
url: App.constants.ROOTURL + inURL,
type:
"post"
,
contentType:
"application/json; charset=utf-8"
,
dataType:
"json"
},
sort: {
field:
"bondType"
,
dir:
"asc"
},
parameterMap:
function
(options) {
options.filter = inputFilter;
options.holdingBC = bcLevels;
return
JSON.stringify(options);
}
},
// end transport
schema: { data:
"data"
, errors:
"processErrorList"
}
},
//end datasource
legend: {
position:
"right"
,
margin: 1,
offsetX: -5,
labels: {
template:
"#= text # (#= value #%)"
}
},
chartArea: {
background:
"white"
,
width: 325,
height: 130,
margin: 1
},
seriesDefaults: {
type:
"pie"
},
plotArea: { margin: 1 },
series: [{
field:
"tmvAccrued"
,
categoryField:
"bondType"
,
colorField:
"color"
,
padding: 12,
overlay: {
gradient:
"none"
}
}],
tooltip: {
visible:
false
,
format:
"{0}%"
}
});
}