{"type":"doc","content":[{"type":"paragraph","content":[{"type":"placeholder","attrs":{"text":"\n*****************************************************\n*****************************************************\n*****************************************************\n*****************************************************\n*****************************************************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n\nThis Confluence article was automatically generated from Asciidoc. Any changes you make to this document will be overridden!\n\nIf you want to change the content, consider leaving a comment.\n\nYou can edit the content directly here: https://gitlab.pricefx.eu/training/pricefx-knowledge-base/-/tree/dev/public/content/docs/quick-reference/charts/pie-charts\n\n*****************************************************\n*****************************************************\n*****************************************************\n*****************************************************\n*****************************************************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n********************** WARNING **********************\n"}}]},{"type":"paragraph","content":[{"text":"Pie charts are useful for comparing amounts as a fraction of the total. While they can be harder to read than column charts, they remain a popular choice for small datasets.","type":"text"}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"Use pie charts with small data sets.","type":"text"}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Circular Pie Chart","type":"text"}]},{"type":"paragraph","content":[{"text":"Circular pie charts are the most well-recognized version of this type of diagram. They are commonly used in dashboards.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":75.0},"content":[{"type":"media","attrs":{"width":761,"alt":"pie chart circle","id":"76c813ec-bd4c-4a63-bc45-c6825739d16a","collection":"contentId-3830218971","type":"file","height":604}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Pie.groovy","type":"text"}]},{"type":"codeBlock","attrs":{"language":"groovy"},"content":[{"text":"ResultHighchart pieChart(\n String title,\n String seriesName,\n String unit,\n List> data\n){\n return api.buildHighchart( [\n chart: [\n type: 'pie'\n ],\n title: [\n text: title,\n ],\n credits : [enabled: false],\n tooltip: [\n pointFormat: \"{series.name}: {point.y:.0f} $unit ({point.percentage:.1f}%)\"\n ],\n accessibility: [\n point: [\n valueSuffix: '%'\n ]\n ],\n plotOptions: [\n pie: [\n allowPointSelect: true,\n cursor: 'pointer',\n dataLabels: [\n enabled: true,\n format: '{point.name}: {point.percentage:.1f} %'\n ]\n ]\n ],\n series: [[\n name: seriesName,\n colorByPoint: true,\n data: data\n ]]\n ])\n}","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Semicircle","type":"text"}]},{"type":"paragraph","content":[{"text":"Pie chart can be displayed as a hollow semi-circle. This is a compact visualization, often used in dashboards.","type":"text"}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"Semicircular pie charts are more compact than the full circle pie charts.","type":"text"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":75.0},"content":[{"type":"media","attrs":{"width":561,"alt":"pie chart semi circle","id":"d73f3ad9-5fce-4454-8434-f1a848c1b760","collection":"contentId-3830218971","type":"file","height":314}}]},{"type":"codeBlock","attrs":{"language":"groovy"},"content":[{"text":"\nResultHighchart semiCircle(\n String title,\n String seriesName,\n String unit,\n List> data\n){\n return api.buildHighchart([\n chart: [\n plotBackgroundColor: null,\n plotBorderWidth: 0,\n plotShadow: false\n ],\n title: [\n text: title,\n align: 'center',\n verticalAlign: 'middle',\n y: 60\n ],\n credits : [enabled: false],\n tooltip: [\n pointFormat: \"{series.name}: {point.y:.0f} $unit {point.percentage:.1f}%\"\n ],\n accessibility: [\n point: [\n valueSuffix: '%'\n ]\n ],\n plotOptions: [\n pie: [\n dataLabels: [\n enabled: true,\n distance: -50,\n style: [\n fontWeight: 'bold',\n color: 'white'\n ]\n ],\n startAngle: -90,\n endAngle: 90,\n center: ['50%', '75%'],\n size: '150%'\n ]\n ],\n series: [[\n type: 'pie',\n name: seriesName,\n innerSize: '50%',\n data: data\n ]]\n ])\n}","type":"text"}]}],"version":1}

Browser not supported