How to resize pie chart when browser is resized

[veenahosurParticipant]

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’ });

}

[Peter StoevKeymaster]

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

[Author]

Posts