Focal Point
[SOLVED]pie ring chart

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/6697092386

August 03, 2016, 04:45 PM
BM
[SOLVED]pie ring chart
Hi,
Looking to get a result like the image below but not sure how to go about it.
Tried PIE Ring chart but not sure how to change the Total label in the center just like below.

Thanks for the help in advance.

This message has been edited. Last edited by: <Emily McAllister>,


WebFOCUS 8202M
August 04, 2016, 11:19 AM
GavinL
My company blocks dropbox, so images will not come through you might of posted on it. Try using a 3rd party like cloudinary.com.

They even blocked tinypic.com. Frowner



- FOCUS Man, just FOCUS!
-----------------------------
Product: WebFOCUS
Version: 8.1.04
Server: Windows 2008 Server
August 04, 2016, 11:48 AM
CuriousDev
I cant see the image.Please post it.


WebFOCUS 8
Windows, All Outputs
August 05, 2016, 03:31 AM
Tony A
Check out this sharing post from Porter on "Donut" charts - link to post

T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
August 05, 2016, 06:02 AM
Tony A
Managed to get this using the "numberFormat" setting for "totalLabel". If you are careful with the prefix and suffix attributes, then you can achieve something close to what you want. It might behave in a weird manner when you resize though, so ensure that you design the content with that in mind.

I'm actually using a variable to display the percentage but the chart is not displaying the decimal point! Probably because I'm using it in a manner not intended!!

I'll post the sample code when IE-EDGE behaves!!

T





In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
August 05, 2016, 06:11 AM
Tony A
This is the relevant section of code to be placed within the WF style sheet.

*GRAPH_JS
-*riserBevel of none makes the chart 2D delivering the flat look
"riserBevel":"none",
-*The holeSize property of a % will maintain the pie radius proportion no matter what size your chart is. This is better than using a fixed number of pixels
pieProperties: {
	holeSize: '80%',
    totalLabel: {visible: true,
                 font: '10pt Arial',
                 color: '#808080',
                 numberFormat: {mode: 'numeric',
                                thousandSep: ',',
                                decimalSep: '.',
                                decimalPlaces: 2,
                                grouping: 'M', // One of 'K', 'M', 'B', 'T'
                                prefix: '<center>Day<br />', // added to the front of the label
                                suffix: '<br /><br />% Plan<br />&MYPCENT.EVAL</center>', // added to the end of the label
                                }
                 }
}
*END


T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
August 05, 2016, 02:19 PM
GavinL




- FOCUS Man, just FOCUS!
-----------------------------
Product: WebFOCUS
Version: 8.1.04
Server: Windows 2008 Server
August 18, 2016, 05:04 PM
BM
you guys are awesome.
Sorry for the late reply as I was out sick Frowner


WebFOCUS 8202M
August 19, 2016, 07:49 AM
Tony A
Hope you're well recovered Smiler

T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10