Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Change colors in HTML5 chart extension

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] Change colors in HTML5 chart extension
 Login/Join
 
getit
Platinum Member
posted
Is there a way to change the Red and green colors on this chart. It is a chart extention.

  

ENGINE INT CACHE SET ON
SET PAGE-NUM = NOPAGE
SET SQUEEZE = OFF
SET DROPBLNKLINE = ALL
-DEFAULTH &WF_HTMLENCODE=OFF;
SET HTMLENCODE=&WF_HTMLENCODE
SET HTMLCSS=ON
-DEFAULTH &WF_EMPTYREPORT=ON;
SET EMPTYREPORT=&WF_EMPTYREPORT

SET EMBEDHEADING=ON
SET GRAPHDEFAULT=OFF
-DEFAULTH &WF_STYLE_UNITS='PIXELS';
-DEFAULTH &WF_STYLE_HEIGHT='405.0';
-DEFAULTH &WF_STYLE_WIDTH='770.0';


DEFINE FILE CAR
  LOTSOFDATA/A200V =  'Model: ' || MODEL || '<br>BodyType: ' || BODYTYPE || '<br>Dealer Cost: ' || FTOA(DEALER_COST, '(D12M)', 'A25V')  || '<br>Retail Cost: ' || FTOA(RETAIL_COST, '(D12M)', 'A25V') || '<br>Sales: ' || FTOA(SALES, '(D12M)', 'A25V') ;
  COST/D10 =  ;

END

GRAPH FILE CAR
SUM

COST
COST
BY COUNTRY
BY LOTSOFDATA
BY CAR
-*ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH HOLD AS MYCHART FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET GRWIDTH 1
ON GRAPH SET UNITS &WF_STYLE_UNITS
ON GRAPH SET HAXIS &WF_STYLE_WIDTH
ON GRAPH SET VAXIS &WF_STYLE_HEIGHT
ON GRAPH SET LOOKGRAPH EXTENSION
ON GRAPH SET AUTOFIT ON
ON GRAPH SET CSSURL 'sis_analytics2/common/chartColors.css'
ON GRAPH SET STYLE *
*GRAPH_SCRIPT

setPieDepth(0);
setPieTilt(0);
setDepthRadius(0);
setCurveFitEquationDisplay(false);
setPlace(true);

*END
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Flat.sty,$
TYPE=REPORT, TITLETEXT=&WF_TITLE.QUOTEDSTRING, ORIENTATION=LANDSCAPE, $
TYPE=REPORT, CLASS=chartColors, $
TYPE=DATA, COLUMN=N1, BUCKET= >levels, $
TYPE=DATA, COLUMN=N2, BUCKET= >levels, $
TYPE=DATA, COLUMN=N3, BUCKET= >levels, $
TYPE=DATA, COLUMN=N4, BUCKET= >total, $
TYPE=DATA, COLUMN=N5, BUCKET= >fail, $
*GRAPH_SCRIPT

setReportParsingErrors(false);
setSelectionEnableMove(false);
*GRAPH_JS_FINAL
"pieProperties": {
    "holeSize": "0%"
},
"chartType": "com.ibi.dendrorag",
"agnosticSettings": {
    "chartTypeFullName": "com.ibi.dendrorag"
},
"extensions": {
	"com.ibi.dendrorag": {
        "RootName": "CNTTERMNAME" ,
		"indRed": 50,
        "indAmber": 70,
		"valsInNode": false,
		"abbrValues": false},
"styles" : {
    "html": {
        "td": [
            "vertical-align: bottom;",
        ],
    }
}
}
*END
ENDSTYLE
END



-RUN
-HTMLFORM BEGIN
<html>
<head>
<title>Danny-SRL example</title>
<script src="/ibi_apps/ibi_html/javaassist/jquery/jquery_min.js"></script>



</head>
<body>
<div >
!IBI.FIL.MYCHART;
</div>
</body>
</html>
-HTMLFORM END

This message has been edited. Last edited by: FP Mod Chuck,


App Studio Version 8202
windows Platform
SQL Server 2008/2012
 
Posts: 183 | Location: TX | Registered: January 22, 2007Report This Post
Tony A
Expert
posted Hide Post
For these extensions, always refer to the github site for information link for dendrorag -

"showSuccess": true,

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 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
Tony A
Expert
posted Hide Post
The reason that members post code examples is to show what they are trying to achieve or what output they are trying to manipulate. Here, Getit is trying to change the output from the DendroRAG HTML chart extension. Your example is using the inbuilt pie chart - not equitable.

Posting an example using a completely different output doesn't help at all - although I applaud you for trying to help Smiler

quote:
"extensions": {
"com.ibi.dendrorag": {
"RootName": "CNTTERMNAME" ,
"indRed": 50,
"indAmber": 70,
"valsInNode": false,
"abbrValues": false}


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 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Change colors in HTML5 chart extension

Copyright © 1996-2020 Information Builders