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     [CASE OPENED] TAGCLOUD FORMATTING TOOLTIP & BORDER

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[CASE OPENED] TAGCLOUD FORMATTING TOOLTIP & BORDER
 Login/Join
 
Maggie McBride
Member
posted
In using the new engine, I lost functionality with the tooltip and can not remove the border. I like the output of the the new engine, as it is not round like the default tagcloud. Is there a way to remove the border and have the tooltip work?

 GRAPH FILE ggsales
SUM 
DOLLARS
BY PRODUCT
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 GRWIDTH 1
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 0
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH TAGCLOUD
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
*GRAPH_SCRIPT
setPieDepth(1);
setPieTilt(1);
setDepthRadius(0);
setCurveFitEquationDisplay(true);
setPlace(true);
setUseSeriesShapes(false);
setScaleMustIncludeZero(getX1Axis(), false);
setScaleMustIncludeZero(getY1Axis(), false);
setScaleMustIncludeZero(getY2Axis(), false);
setMarkerSizeDefault(60);
setMarkerSizeDefault(50);
setPieFeelerTextDisplay(0);
*END
*GRAPH_SCRIPT
setReportParsingErrors(false);
setSelectionEnableMove(false);
*END
*GRAPH_JS

tagcloudProperties: {engine: 'new'},
yaxis: {colorScale: {colors: ['GREY', 'SALMON', 'YELLOW', 'LIGHTGREEN', 'AQUA']}},
-*tagcloudProperties: { maxNumberOfTags: 100 }
*END

ENDSTYLE
END
-RUN

This message has been edited. Last edited by: Maggie McBride,


WebFOCUS 8.1.04
Windows, All Outputs
 
Posts: 9 | Location: United States | Registered: March 18, 2015Report This Post
Squatch
Master
posted Hide Post
I tried two different ways to get the tooltip to work, but was unsuccessful.

I was also unable to remove the border the "proper" way in the GRAPH_SCRIPT section, but here is a workaround using jQuery that will remove the border after the chart loads or resizes:

GRAPH FILE ggsales
SUM 
DOLLARS
BY PRODUCT
ON GRAPH HOLD AS SAVE_CHART 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 GRWIDTH 1
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 0
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH TAGCLOUD
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
*GRAPH_SCRIPT
setPieDepth(1);
setPieTilt(1);
setDepthRadius(0);
setCurveFitEquationDisplay(true);
setPlace(true);
setUseSeriesShapes(false);
setScaleMustIncludeZero(getX1Axis(), false);
setScaleMustIncludeZero(getY1Axis(), false);
setScaleMustIncludeZero(getY2Axis(), false);
setMarkerSizeDefault(60);
setMarkerSizeDefault(50);
setPieFeelerTextDisplay(0);
-*setToolTipOn();
*END
*GRAPH_SCRIPT
setReportParsingErrors(false);
setSelectionEnableMove(false);
*END
*GRAPH_JS

tagcloudProperties: {engine: 'new'},
yaxis: {colorScale: {colors: ['GREY', 'SALMON', 'YELLOW', 'LIGHTGREEN', 'AQUA']}},
-*htmlToolTip: {
-*	enabled: false,
-*	mouseMargin: 10,  
-*	style: undefined,
-*	autoTitleFont: 'bold 12pt Sans-Serif',
-*	autoContentFont: '10pt Sans-Serif',
-*	snap: false,
-*	sticky: false
-*	},
-*tagcloudProperties: { maxNumberOfTags: 100 }
*END

ENDSTYLE
END
-RUN

-HTMLFORM BEGIN
<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/ibi_apps/jquery/js/jquery.min.js"></script>
</head>
<body>
!IBI.FIL.SAVE_CHART;
</body>
<script>
  // Remove tagcloud chart border after window appears
  $(window).load(function() {
	remove_border();
  });

  // Remove it again if window is resized
  $(window).resize(function() {
	remove_border();
  });

  // Find CSS class named "background" and set SVG stroke width property to zero
  function remove_border() {
	$(".background").attr("stroke-width","0");
  }
</script>
</html>
-HTMLFORM END


App Studio
WebFOCUS 8.1.05M
Windows, All Outputs
 
Posts: 594 | Location: Michigan | Registered: September 04, 2015Report This Post
Maggie McBride
Member
posted Hide Post
Thanks so much Squatch..That helps!


WebFOCUS 8.1.04
Windows, All Outputs
 
Posts: 9 | Location: United States | Registered: March 18, 2015Report 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     [CASE OPENED] TAGCLOUD FORMATTING TOOLTIP & BORDER

Copyright © 1996-2020 Information Builders