Hi,
I need my pie chart to be 200px * 200px, so I set the parent div style accrodingly, and appended the width style at the end of the chart function call.Now my chart widget size looks fine, but the pie chart itself is very small (diameter is only 26px) compared to the chart area.The pie chart looks like a small colored bullet point in the middle of a white space.How can I make the pie chart visual bigger ?
I need my pie chart to be 200px * 200px, so I set the parent div style accrodingly, and appended the width style at the end of the chart function call.Now my chart widget size looks fine, but the pie chart itself is very small (diameter is only 26px) compared to the chart area.The pie chart looks like a small colored bullet point in the middle of a white space.How can I make the pie chart visual bigger ?
<
div
id
=
"chart"
style
=
"width:200px"
>
</
div
>
function
createChart2() {
$(
"#chart"
).kendoChart({
theme: $(document).data(
"kendoSkin"
) ||
"default"
,
dataSource: {
type:
"odata"
,
transport: {
read: {
url:
"../../Services/WcfDataService1.svc/AllianceSummaryPartnershipMixes"
}
},
sort: {
field:
"Name"
,
dir:
"asc"
}
},
title: {
text:
"Partnership Mix"
},
legend: {
position:
"bottom"
,
margin: 0
},
seriesDefaults: {
type:
"pie"
},
series: [{
field:
"Value"
,
categoryField:
"Name"
}],
tooltip: {
visible:
true
,
format:
"{0:N0}"
},
chartArea: { margin: 0 },
plotArea: { margin: 0 }
}).css({ height:
"200px"
});
}