Hello

I have a graph which needs custom tooltip. So, I have below sample code with CAR file. It works fine as is. But when inserted in an iframe (width and height 200px), tooltip is cutoff and not visible. It goes under the iframe. Is there is a way to have the tooltip display above the iframe so that it is completely visible?

ENGINE INT CACHE SET ON
SET PAGE-NUM=NOLEAD
SET ARGRAPHENGINE=JSCHART
SET EMBEDHEADING=ON
SET GRAPHDEFAULT=OFF
GRAPH FILE CAR
SUM
	SALES AS ''
	COMPUTE CNTRY_TT/A30 = COUNTRY;
	COMPUTE SALES_TT/A30 = FPRINT(SALES,'D11.2CM','A30');
BY COUNTRY AS ''
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET UNITS PIXELS
ON GRAPH SET HAXIS 750
ON GRAPH SET VAXIS 400
ON GRAPH SET LOOKGRAPH BAR
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=REPORT, PAGESIZE=LEGAL, $
TYPE=DATA, COLUMN=N1, BUCKET=x-axis, $
TYPE=DATA, COLUMN=N2, BUCKET=y-axis, $
TYPE=DATA, COLUMN=N3, BUCKET=tooltip, $
TYPE=DATA, COLUMN=N4, BUCKET=tooltip, $
*GRAPH_SCRIPT
setReportParsingErrors(false);
setSelectionEnableMove(false);
setDisplay(getO1Title(),false);
setDisplay(getO1Label(),false);
*GRAPH_JS_FINAL
"pieProperties": {
    "holeSize": "0%"
},
"blaProperties": {
    "orientation": "horizontal"
},
"agnosticSettings": {
    "chartTypeFullName": "Bar_Clustered_Horizontal"
},
"series": [
	{"series": 0,
		"tooltip": '<table><tr><td>Country Name Sample Test:</td><td>{{tooltip1}}</td></tr><tr><td>Sales:</td><td>{{tooltip2}}</td></tr></table>'

	},
],
"htmlToolTip": {
    "enabled": true,
    "fill": "gray",
	style: {
      "borderWidth": "1px",
	  "borderColor": "#004e87",
      "borderRadius": "1px"}
	  },
*END
ENDSTYLE
END  

Thank you

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

WebFOCUS Dev

If this is still an issue and no one was able to provide you any guidance please open a case with techsupport.