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     Layered Graphs in Single Frame - Resource Layout

Read-Only Read-Only Topic
Go
Search
Notify
Tools
Layered Graphs in Single Frame - Resource Layout
 Login/Join
 
Member
posted
I am a new WebFocus developer with knowledge of PL/SQL & I've recently returned from WebFocus training (Course 351, 354).
I have searched through the last year's postings and cannot find anything on my topic.
I am trying to accomplish using a single frame in the Resource Layout tool for two separate graphs (procedures). I want to use one of the two Parameters on layout screen to control whether the top graph is Visible or not.
I'm hoping someone else has accomplished this before or if they can tell me whether or not it is even possible.
 
Posts: 15 | Location: Wichita, KS | Registered: June 01, 2005Report This Post
<JG>
posted
Below is some code that if you add it to the htm file will toggle the graphs by clicking on them.

The script goes in the head



<script language=javascript>
function setZindexITEM1()
{window.document.getElementById("ITEM1").style.zIndex = -1 ;
window.document.getElementById("ITEM2").style.zIndex = 0; }
function setZindexITEM2()
{window.document.getElementById("ITEM1").style.zIndex = 0 ;
window.document.getElementById("ITEM2").style.zIndex = -1;}


And the start of the 2 SPAN entries for your graphs need to be changed as follows (your id= will be different so change ITEM1 and ITEM2 in both the script and SPAN as required.



[/code]

This message has been edited. Last edited by: <Mabel>,
 
Report This Post
Member
posted Hide Post
Thanks JG, I will give this a try and let you know how it goes. Appreciate the quick reply! jtc
 
Posts: 15 | Location: Wichita, KS | Registered: June 01, 2005Report This Post
Member
posted Hide Post
JG - this worked. Now when I click on each individual graph, it brings that graph forward and sends the other behing. My next question is, can I attach these functions either to a selection in my parameter dropdown list OR to a button? I appreciate any knowledge you can share as I have no Javascript background.
 
Posts: 15 | Location: Wichita, KS | Registered: June 01, 2005Report This Post
<JG>
posted
Yes the same functionality can be driven from any option. Check Box, Radio button or Text link.

The key is that you call the correct script for what you want to do.

Basic principle for z-index when objects are overlaid is that the one with the highest number is the one that is visible.

For what you want to do I would actually suggest a dropdown list that the user picked his view from.

Send me a private message with a mail address and I�ll knock something together as an example.
 
Report This Post
<JG>
posted
Johnny I decided to post the example as it might be of general interest even though it's rather long.

the focexec (named z-index.fex)

-* File z-index.fex
-* Default Mode: ResourceLayout
GRAPH FILE CAR
SUM SEATS
ACROSS COUNTRY
ON GRAPH SET LOOKGRAPH VBAR
ON GRAPH SET GRAPHEDIT SERVER
ON GRAPH SET BARNUMB OFF
ON GRAPH SET 3D OFF
ON GRAPH SET VZERO ON
ON GRAPH SET GRID ON
ON GRAPH SET VAXIS 198
ON GRAPH SET HAXIS 268
ON GRAPH SET GRAPHSTYLE *
setMarkerDisplay(true);
setConnectLineMarkers(false);
setConnectScatterMarkers(false);
setO1LabelDisplay(true);
setO1AxisSide(0);
setO1MajorGridDisplay(true);
setO1MajorGridStyle(0);
setO1MinorGridDisplay(false);
setAxisAssignment(0,0);
setY1LabelDisplay(true);
setY1AxisSide(0);
setY1MajorGridDisplay(true);
setY1MajorGridStyle(0);
setY1MinorGridDisplay(false);
setTextFormatPreset(getY1Label(),-1);
setTextFormatPattern(getY1Label(),"#.##");
setPieFeelerTextDisplay(1);
setPieLabelDisplay(0);
setTextFormatPreset(getPieSliceLabel(),1);
setRiserBorderMode(1);
setSeriesDefaultTransparentBorderColor(true);
setUseSeriesBorderDefaults(true);
setLegendDisplay(true);
setFontSizeAbsolute(getY1Title(),true);
setFontSizeAbsolute(getY1Label(),true);
setFontSizeAbsolute(getY2Title(),true);
setFontSizeAbsolute(getY2Label(),true);
setFontSizeAbsolute(getO1Title(),true);
setPlace(true);
ENDSTYLE
ON GRAPH SET STYLE *
PAGESIZE='Letter',
LEFTMARGIN=0.250000,
RIGHTMARGIN=0.250000,
TOPMARGIN=0.250000,
BOTTOMMARGIN=0.250000,
SQUEEZE=ON,
ORIENTATION=PORTRAIT,
$
TYPE=REPORT,
GRID=OFF,
FONT='TIMES NEW ROMAN',
SIZE=10,
BACKCOLOR='NONE',
STYLE=NORMAL,
$
ENDSTYLE
ON GRAPH HOLD AS ITEM1 FORMAT HTMTABLE
END
GRAPH FILE CAR
SUM DEALER_COST
ACROSS COUNTRY
ON GRAPH SET LOOKGRAPH VBAR
ON GRAPH SET GRAPHEDIT SERVER
ON GRAPH SET BARNUMB OFF
ON GRAPH SET 3D OFF
ON GRAPH SET VZERO ON
ON GRAPH SET GRID ON
ON GRAPH SET VAXIS 198
ON GRAPH SET HAXIS 268
ON GRAPH SET GRAPHSTYLE *
setMarkerDisplay(true);
setConnectLineMarkers(false);
setConnectScatterMarkers(false);
setO1LabelDisplay(true);
setO1AxisSide(0);
setO1MajorGridDisplay(true);
setO1MajorGridStyle(0);
setO1MinorGridDisplay(false);
setAxisAssignment(0,0);
setY1LabelDisplay(true);
setY1AxisSide(0);
setY1MajorGridDisplay(true);
setY1MajorGridStyle(0);
setY1MinorGridDisplay(false);
setTextFormatPreset(getY1Label(),-1);
setTextFormatPattern(getY1Label(),"#.##");
setPieFeelerTextDisplay(1);
setPieLabelDisplay(0);
setTextFormatPreset(getPieSliceLabel(),1);
setRiserBorderMode(1);
setSeriesDefaultTransparentBorderColor(true);
setUseSeriesBorderDefaults(true);
setLegendDisplay(true);
setFontSizeAbsolute(getY1Title(),true);
setFontSizeAbsolute(getY1Label(),true);
setFontSizeAbsolute(getY2Title(),true);
setFontSizeAbsolute(getY2Label(),true);
setFontSizeAbsolute(getO1Title(),true);
setPlace(true);
ENDSTYLE
ON GRAPH SET STYLE *
PAGESIZE='Letter',
LEFTMARGIN=0.250000,
RIGHTMARGIN=0.250000,
TOPMARGIN=0.250000,
BOTTOMMARGIN=0.250000,
SQUEEZE=ON,
ORIENTATION=PORTRAIT,
$
TYPE=REPORT,
GRID=OFF,
FONT='TIMES NEW ROMAN',
SIZE=10,
BACKCOLOR='NONE',
STYLE=NORMAL,
$
ENDSTYLE
ON GRAPH HOLD AS ITEM2 FORMAT HTMTABLE
END
-HTMLFORM z-index

(sorry I had to post it as code which means it will not cut and paste)


The HTML (z-index.htm) the added items in addition to the javascript are



HtmlPage<br />

<script id=IbiOptionsScript type=text/javascript>
var cgipath = "cgipath";
var ibirls = "ibirls";
var multidrill = "multidrill";
var mntFormValidate = "mntFormValidate";
var dyncalendar = "dyncalendar";
var ibiOptions = new Array(cgipath,ibirls,mntFormValidate,multidrill);

<script id=nls src="/ibi_html/javaassist/nls.js" type=text/javascript>

<script id=ibigbl src="/ibi_html/javaassist/ibi/html/js/ibigbl.js" type=text/javascript>

<script id=ibigblloadCss type=text/javascript>
ibigblloadCss(null);

<script language=javascript>
function setZindexITEM1()
{window.document.getElementById("ITEM1").style.zIndex = -1 ;
window.document.getElementById("ITEM2").style.zIndex = 0; }
function setZindexITEM2()
{window.document.getElementById("ITEM1").style.zIndex = 0 ;
window.document.getElementById("ITEM2").style.zIndex = -1;}



< !--startibiitems-->




!IBI.FIL.ITEM1;

!IBI.FIL.ITEM2;


graph 1



graph 2


< !--endibiitems-->
<script id=OnloadHandler>
function OnLoad() {
< !--startibilines-->
UpdateData();
< !--endibilines-->
}




[/code]

This message has been edited. Last edited by: <Mabel>,
 
Report This Post
Guru
posted Hide Post
Interesting technique-
a note- to get the graphs to work in version 5.21, you need to remove the
setPlace(true);
from the graphstyle sheets.
Smiler
 
Posts: 391 | Location: California | Registered: April 14, 2003Report This Post
<JG>
posted
Thanks for that, I should have stated that it was created in 5.3.3
 
Report 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     Layered Graphs in Single Frame - Resource Layout

Copyright © 1996-2020 Information Builders