nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Doughnut charts

RRK · 2016-01-18T06:35:34+00:00

HI, Do we have an option in Actuate birt to create doughnut charts as in excel. Please find attached. Thanks in advance!!!!

RRK

HI,
 
Do we have an option in Actuate birt to create doughnut charts as in excel.
Please find attached.
 
Thanks in advance!!!!

Find more posts tagged with

Comments

pricher

Hi,
 
To create a doughnut chart, use the Pie Chart type and control the Inner Radius in Format Chart --> Value Series, as shown in this screenshot.

RRK

Hi Pierre,
 
Thanks this helps.
 
One more question on this can we show a label in middle of doughnut as in attached file.

pricher

Hi,
 
This will require a bit of scripting.
 
First, some Highcharts API scripting that you can apply to the chart to make the title centered both horizontally and vertically:
<pre class="_prettyXprint _lang-">
beforeGeneration: function(options)
{
//You can change options here.
options.title =
{
verticalAlign: 'middle',
align: 'center'
}
},
</pre>
Then, assuming that the label you put in the middle of the doughnut will have a dynamic value, you need to assign that value to the chart title at render time. Here, I have added the following script to the beforeRender event of the report:
<pre class="_prettyXprint _lang-">
var rr = reportContext.getReportRunnable();
var chart1 = rr.designHandle.getDesignHandle().findElement("Chart1");
chart1.getReportItem().getProperty("chart.instance").getTitle().getLabel().getCaption().setValue(reportContext.getPersistentGlobalVariable("TotalCountries"));

</pre>
In the above code, the value of Persistent Global Variable "TotalCountries" is set in the onCreate event of table footer above the chart. Your scenario might be different, so where you set that variable may differ:
<pre class="_prettyXprint _lang-">
reportContext.setPersistentGlobalVariable("TotalCountries", row["TotalCountries"].toString());
</pre>
Hope this helps,
 
P.

RRK

Thanks Pierre ..
 
The solution helps

In my case it will come from database as column so the approach is useful ..

Lynne Huang

Hi,
 
Can I ask if someone meet the same issue that even I set the inner radius you mentioned above, and also I could see it's donut chart in the view mode (the edit mode), but when I tried to generate the report, it's still pie chart instead of donut chart?
 
Thank you.

Clement Wong

What version of commercial BIRT are you using?
 
Did you add any chart scripting, or are you using a library?
 
Please try the attached sample design to test in your environment. It was tested in both iHub 3.1, and 16.