This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 9 years ago.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.
jQuery UI Widgets › Forums › Chart › How to resize pie chart when browser is resized
This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 9 years ago.
I am using jqx pie chart.Its working fine but when I am running it in laptop or in small screen pie chart is not resizing.
can anyone help me to achieve it.
here is code i am using:
` var settings1 = {
enableAnimations: true,
showLegend: true,
showBorderLine: true,
legendLayout: {
left: 400,
top: 150,
width: 100,
height: 400,
flow: ‘vertical’
},
padding: { left: 1, top: 10, right: 250, bottom: 200 },
source: dataAdapter,
colorScheme: ‘scheme2’,
title: ‘Statistics of Sample Collected’,
description: ‘Taluk Report’,
seriesGroups: [{
type: ‘pie’,
showLabels: false,
useGradient: false,
series: [{
dataField: ‘samplescollected’,
displayText: ‘hobliname’,
labelRadius: 170,
initialAngle: 15,
radius: 145,
centerOffset: 0
}]
}]
};
// setup the chart
$(‘#jqxpie’).jqxChart(settings1);
$(‘#jqxpie’).jqxChart({ backgroundColor: ‘#bccbde’ });
}
Hi veenahosur,
The Chart’s HTML Element width and height should be in percentages and also the pie’s radius related settings. Example: http://www.jqwidgets.com/jquery-widgets-demo/mobiledemos/jqxchart/javascript_chart_pie_series.htm?(arctic)&=fullscreen
Best Regards,
Peter Stoev
jQWidgets Team
http://www.jqwidgets.com
You must be logged in to reply to this topic.