Hi,
I am trying to generate a Pie Chart with Multiple Series, a side by side comparison to be exact, but I am having issues. When having two series on the Pie Chart it puts one pie on top of the other. It is retrieving the data properly, it just isn't that helpful one on top of the other :)
Below is my JavaScript that generates my report.
Note: This will not work independently because kendoDataSource and chartChangesTitle are defined elsewhere, but hopefully this is enough information to help.
Thanks!
I am trying to generate a Pie Chart with Multiple Series, a side by side comparison to be exact, but I am having issues. When having two series on the Pie Chart it puts one pie on top of the other. It is retrieving the data properly, it just isn't that helpful one on top of the other :)
Below is my JavaScript that generates my report.
Note: This will not work independently because kendoDataSource and chartChangesTitle are defined elsewhere, but hopefully this is enough information to help.
Thanks!
$(
"#chartDetails"
).kendoChart({
chartArea: {
margin: 0,
height: 550
},
theme: $(document).data(
"kendoSkin"
) ||
"BlueOpal"
,
dataSource: kendoDataSource,
title: {
text: chartChangesTitle
},
legend: {
visible:
false
,
position:
"bottom"
},
seriesDefaults: {
labels: {
template:
"#= kendo.format('{0} - {1:P}', category, percentage)#"
,
visible:
true
},
stacked:
false
},
series:[
{
type:
"pie"
,
field:
"InitialVolume"
,
categoryField:
"AttributeValue"
,
name:
"Initial"
},
{
type:
"pie"
,
field:
"ProposedVolume"
,
categoryField:
"AttributeValue"
,
name:
"Proposed"
}
],
categoryAxis: {
field:
"AttributeValue"
},
tooltip: {
visible:
true
,
template:
"#= kendo.format('{0} - {1:P}', category, percentage)#"
}
});