function CreatePieChart(chartId) { if(pageParams.chartData.length<2) return; var pie = new d3pie(chartId, { "header": { "title": { "text": lmMessages['Mails_OpenStat_pieChartTitle'], "fontSize": 18, "font": "open sans" }, "subtitle": { "text": "", "color": "#999999", "fontSize": 0, "font": "open sans" }, "titleSubtitlePadding": 0 }, "footer": { "color": "#999999", "fontSize": 10, "font": "open sans", "location": "bottom-left" }, "size": { "canvasWidth": 590, "pieOuterRadius": "90%" }, "data": { "sortOrder": "value-desc", "content": pageParams.chartData }, "labels": { "outer": { "pieDistance": 32 }, "inner": { "hideWhenLessThanPercentage": 3 }, "mainLabel": { "fontSize": 11 }, "percentage": { "color": "#ffffff", "decimalPlaces": 0 }, "value": { "color": "#adadad", "fontSize": 11 }, "lines": { "enabled": true }, "truncation": { "enabled": true } }, "effects": { "load": { "speed": 2000 }, "pullOutSegmentOnClick": { "effect": "elastic", "speed": 400, "size": 8 } }, "misc": { "gradient": { "enabled": true, "percentage": 100 } }, "callbacks": {} }); }