Focal Point Banner
Community Center Education Summit Technical Support User Groups
Let's Get Social!

Facebook Twitter LinkedIn YouTube
Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED]double pie chart out of sunburst chart?
Go
New
Search
Notify
Tools
Reply
  
[SOLVED]double pie chart out of sunburst chart?
 Login/Join
 
Gold member
posted
i have the requirement to build several double pie chart see image sample below.

https://imgur.com/YhfMgar

i tried to create 2 pie chart and overlap one(svg) over the other and it is not successful.

i have requested my admin to install sunburst and try it on it by making ring hole size and space between ring size.

but why would this is not available in default in the product as it seems to be widely recommended by business.

anyone have a better recommendation on it. please share your ideas.

thank you.


PS: https://imgur.com/YhfMgar

This message has been edited. Last edited by: vinodh,


WebFOCUS 8
Windows, All Outputs
 
Posts: 61 | Registered: January 23, 2018Reply With QuoteReport This Post
Virtuoso
posted Hide Post
Vinodh

Since no one has been able to give you any guidance I suggest you open a case with techsupport.


Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats
 
Posts: 1560 | Location: Customer Support | Registered: April 12, 2005Reply With QuoteReport This Post
Virtuoso
posted Hide Post
Admittedly, I haven't heard of these charts and googled double pie chart with nothing resembling the picture you posted. You could probably write your own D3 chart that you can use as an extension. I doubt sunburst chart is going to meet your requirement.


WebFOCUS 8206, Unix, Windows
 
Posts: 1658 | Location: New York City | Registered: December 30, 2015Reply With QuoteReport This Post
Silver Member
posted Hide Post
Have to agree with Babak, couldn't really find anything close to what you referenced. In concept maybe something like this could work https://www.amcharts.com/demos...gauge-with-two-axes/


WF Version 8105
 
Posts: 36 | Registered: October 07, 2015Reply With QuoteReport This Post
Gold member
posted Hide Post
quote:
eard of these charts and googled double pie chart with nothing resembling the picture you posted. You could probably write your own D3 chart that you can use as an extension. I doubt sunburst chart is going to meet your requirement.


i could see a similar ticket showing 2 charts one above other in the below forum discussion.

http://forums.informationbuild...71057331/m/185106911

since the latest webfocus doesnt do the windows command (DEL and COPY) due to security. do you guys think, we have a alternative commands that could help us resolve this idea.


WebFOCUS 8
Windows, All Outputs
 
Posts: 61 | Registered: January 23, 2018Reply With QuoteReport This Post
Gold member
posted Hide Post
quote:
Originally posted by Mike Williams:
Have to agree with Babak, couldn't really find anything close to what you referenced. In concept maybe something like this could work https://www.amcharts.com/demos...gauge-with-two-axes/



mark have u tried the charts from this website and does it worked ? i am trying to utilize the nested-donut-chart.
thanks mike for this website. i havent tried charts from here. below chart link looks similar to my requirement i guess. having nested donut chart.?

https://www.amcharts.com/demos/nested-donut-chart/

This message has been edited. Last edited by: vinodh,


WebFOCUS 8
Windows, All Outputs
 
Posts: 61 | Registered: January 23, 2018Reply With QuoteReport This Post
Expert
posted Hide Post
You could try using the arc chart but there will be limitations such as a maximum arc of 0.75 of the full circle (see code below).

Or you could use what I have advocated before, using WebFOCUS function - Bubble chart using WebFOCUS functions

T

-HTMLFORM BEGIN
<style>
.label {fill: rgba(0,0,0,0) !important;}
</style>
-HTMLFORM END
GRAPH FILE GGSALES
SUM DOLLARS NOPRINT
    BUDDOLLARS NOPRINT
	COMPUTE PCENT/D7.2% = (C1 / C2 * 100) ;
 BY REGION
WHERE REGION CONTAINS 'east'
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET LOOKGRAPH EXTENSION
ON GRAPH SET EMBEDHEADING ON
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
*GRAPH_SCRIPT
setPieDepth(0);
setPieTilt(0);
setDepthRadius(0);
setPlace(true);
setCurveFitEquationDisplay(false);
*END
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$
TYPE=DATA, COLUMN=N1, BUCKET= >label, $
TYPE=DATA, COLUMN=N4, BUCKET= >value, $
TYPE=HEADING, JUSTIFY=CENTER, $
*GRAPH_SCRIPT
setReportParsingErrors(false);
setSelectionEnableMove(false);
*GRAPH_JS_FINAL
"extensions": {
    "com.ibi.arc": {
        "arc": {
		    "start": 0,
			"padding": 0.1,
			"extent": 0.9
		},
		"axis": {
		    "base": {"color": "rgba(0,0,0,0)", "width": 0},
		    "ticks": {"color": "rgba(0,0,0,0)", "width": 0}
		},
		"valueLabel": {"color": "rgba(0,0,0,0)"},
		"labels": {
		    "text": {"color": "rgba(0,0,0,0)"}
		}
    }
},
"pieProperties": {
    "holeSize": "0%"
},
"chartType": "com.ibi.arc",
"agnosticSettings": {
    "chartTypeFullName": "com.ibi.sankey"
}
*END
ENDSTYLE
END



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.06 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
 
Posts: 5601 | Location: United Kingdom | Registered: April 08, 2004Reply With QuoteReport This Post
Gold member
posted Hide Post
thank you @tony A for your write up. it looks nice and i will try to show up to my users to see if i can convince.

currently i am looking for look and feel only as my requirement is for public audience thats why users want to be more eye appealing.


WebFOCUS 8
Windows, All Outputs
 
Posts: 61 | Registered: January 23, 2018Reply With QuoteReport This Post
Guru
posted Hide Post
quote:
Originally posted by vinodh:
quote:
Originally posted by Mike Williams:
Have to agree with Babak, couldn't really find anything close to what you referenced. In concept maybe something like this could work https://www.amcharts.com/demos...gauge-with-two-axes/



mark have u tried the charts from this website and does it worked ? i am trying to utilize the nested-donut-chart.
thanks mike for this website. i havent tried charts from here. below chart link looks similar to my requirement i guess. having nested donut chart.?

https://www.amcharts.com/demos/nested-donut-chart/


Wow!! that is a GREAT library. Easy to implement too. Just hold the output as JSON and plug it in:

 
TABLE FILE CAR
SUM DEALER_COST
    RETAIL_COST
BY CAR  
ON TABLE HOLD FORMAT JSON
END
-HTMLFORM BEGIN NOEVAL
<!-- Styles -->
<style>
    body { 
        background-color: #30303d; 
        color: #fff; 
    }
    #chartdiv {
        width: 100%;
        height: 500px;
    }
</style>

<!-- Resources -->
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/dark.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>

<!-- Chart code -->
<script>
//Hold file information
var ibiData = !IBI.FIL.HOLD; ;

am4core.ready(function() {

    // Themes begin
    am4core.useTheme(am4themes_dark);
    am4core.useTheme(am4themes_animated);
    // Themes end

    // Create chart instance
    var chart = am4core.create("chartdiv", am4charts.PieChart);

    // Let's cut a hole in our Pie chart the size of 40% the radius
    chart.innerRadius = am4core.percent(40);

    // Add data
    chart.data = ibiData.records;

    // Add and configure Series
    var pieSeries = chart.series.push(new am4charts.PieSeries());
    pieSeries.dataFields.value = "DEALER_COST";
    pieSeries.dataFields.category = "CAR";
    pieSeries.slices.template.stroke = am4core.color("#fff");
    pieSeries.slices.template.strokeWidth = 2;
    pieSeries.slices.template.strokeOpacity = 1;

    // Disabling labels and ticks on inner circle
    pieSeries.labels.template.disabled = true;
    pieSeries.ticks.template.disabled = true;

    // Disable sliding out of slices
    pieSeries.slices.template.states.getKey("hover").properties.shiftRadius = 0;
    pieSeries.slices.template.states.getKey("hover").properties.scale = 0.9;

    // Add second series
    var pieSeries2 = chart.series.push(new am4charts.PieSeries());
    pieSeries2.dataFields.value = "RETAIL_COST";
    pieSeries2.dataFields.category = "CAR";
    pieSeries2.slices.template.stroke = am4core.color("#fff");
    pieSeries2.slices.template.strokeWidth = 2;
    pieSeries2.slices.template.strokeOpacity = 1;
    pieSeries2.slices.template.states.getKey("hover").properties.shiftRadius = 0;
    pieSeries2.slices.template.states.getKey("hover").properties.scale = 1.1;

}); // end am4core.ready()
</script>

<!-- HTML -->
<div id="chartdiv"></div>
-HTMLFORM END

-EXIT


 


Hallway
WF(Prod):8202M
WF(Test):8202M
OS/Platform:Win 10
Outputs:All
 
Posts: 431 | Location: Salt Lake City, UT, USA | Registered: November 18, 2015Reply With QuoteReport This Post
Gold member
posted Hide Post
thank you @hallway. you are awesome.
you make answers look simple.

someday i will make trip to Salt Lake city to thank you.


WebFOCUS 8
Windows, All Outputs
 
Posts: 61 | Registered: January 23, 2018Reply With QuoteReport This Post
Guru
posted Hide Post
quote:
Originally posted by vinodh:
thank you @hallway. you are awesome.
you make answers look simple.

someday i will make trip to Salt Lake city to thank you.


Ha, ha. You're too kind. I just copy/pasted in the amCharts code and added in the JSON data from IBI. There is A LOT more that you can do with these charts. Be sure and read through the docs: https://www.amcharts.com/docs/v4/

This message has been edited. Last edited by: Hallway,


Hallway
WF(Prod):8202M
WF(Test):8202M
OS/Platform:Win 10
Outputs:All
 
Posts: 431 | Location: Salt Lake City, UT, USA | Registered: November 18, 2015Reply With QuoteReport This Post
Virtuoso
posted Hide Post
Good One


Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats
 
Posts: 1560 | Location: Customer Support | Registered: April 12, 2005Reply With QuoteReport This Post
  Powered by Social Strata  
 

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED]double pie chart out of sunburst chart?

Copyright © 1996-2018 Information Builders, leaders in enterprise business intelligence.