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] Gauge Charts in HTML5......

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] Gauge Charts in HTML5......
 Login/Join
 
OliHewitt
Member
posted
Hi Everyone,

I'm trying to change a gauge background style to anything other than blue when I try and create a HTML5 gauge chart. It appears that all the standard options within HTML (such as "More Gauge Options") have vanished when I change the output to HTML5. If anything I should get more options if I switch the output to HTML rather than standard HTML? Is this a known issue with HTML5 gauge charts?

Cheers,

Oliver

This message has been edited. Last edited by: <Kathryn Henning>,


WF Release: WebFOCUS 8.0.09
Windows 7, HTML
 
Posts: 9 | Location: Peterborough, UK | Registered: July 09, 2012Report This Post
<nick z>
posted
Hi Oliver,
The blue you are seeing on a gauge is an outerBorder.
You can change it by adding:

*GRAPH_JS
gaugeProperties: {
outerBorder: {
width: 20,
fill: {color: 'red'},

}
}
*END


to your style section.

Here is a full example using CAR file:


GRAPH FILE CAR
SUM CAR.BODY.SALES
BY CAR.ORIGIN.COUNTRY
WHERE CAR.ORIGIN.COUNTRY EQ 'ENGLAND';
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET ARGRAPHENGIN JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET LOOKGRAPH GAUGE1
ON GRAPH SET STYLE *
*GRAPH_SCRIPT

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

*END

*END
*GRAPH_JS
gaugeProperties: {
outerBorder: {
width: 20,
fill: {color: 'red'},

}
}
*END
ENDSTYLE
END

-RUN


You can find this code and more in the HTML5 WebFOCUS document:

http://infocenter.informationb...Chart/launch_pdf.htm

Thanks.
 
Report This Post
OliHewitt
Member
posted Hide Post
Hi Nick,

Many thanks for your help I will try this solution later on today.

Thanks Again,

Oli


WF Release: WebFOCUS 8.0.09
Windows 7, HTML
 
Posts: 9 | Location: Peterborough, UK | Registered: July 09, 2012Report 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] Gauge Charts in HTML5......

Copyright © 1996-2020 Information Builders