[Solved] JSCHART-Can the tooltip border color be the same as the pie slice color?

Hi All,

Using the CAR file example below ... Can someone help me get the border around the tooltip to be the same color as the pie slice?

Here's the code ...

GRAPH FILE CAR
SUM DEALER_COST AS 'Dealer Cost'
COMPUTE MY_SERIES/A10 = COUNTRY;
COMPUTE MY_VALUE/A10  = FPRINT(DEALER_COST, 'D7', 'A10');
COMPUTE MY_PCT/A10    = '(' | (LJUST(8,FPRINT(PCT.DEALER_COST, 'P6.2%', 'A8'), 'A8') || ')');
BY COUNTRY AS 'Country'
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET EMBEDHEADING ON
ON GRAPH SET LOOKGRAPH PIE
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$
TYPE=DATA, COLUMN=N1, BUCKET=color, $
TYPE=DATA, COLUMN=N2, BUCKET=measure, $
TYPE=DATA, COLUMN=N3, BUCKET=tooltip, $
TYPE=DATA, COLUMN=N4, BUCKET=tooltip, $
TYPE=DATA, COLUMN=N5, BUCKET=tooltip, $
*GRAPH_JS_FINAL
"series": [
	{"series": 'reset',
		"tooltip": '[b]{{tooltip1}}[/b]<br>{{tooltip2}} {{tooltip3}}'
	}
],
htmlToolTip: {
snap: true,
}
*END
ENDSTYLE
END

This message has been edited. Last edited by: jfr99,

WebFocus 8.201M, Windows, App Studio

Posts: 227 | Location: Lincoln Nebraska | Registered: August 12, 2008

Tony A

Expert

posted

Hide Post

You would have to use a JavaScript or jQuery callback and change the border property for ".tdgchart-tooltip". Not sure how you would capture the colour that you need for the border but no doubt you can use Developer tools for your browser of choice to determine what attributes are available to you.

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, 2004

Ignored post by Tony A posted

Show Post

Tony A

Expert

posted

Hide Post

Hi jfr,

I see from your other post about JSCHART headings, that you have now located the correct method of rendering the tooltip in the same colour as the pie slice (or series).

Could you edit your first post and prefix the subject with "[solved]"?

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, 2004

Ignored post by Tony A posted

Show Post

jfr99

Platinum Member

posted

Hide Post

I marked this solved because this gets me close to what I wanted. I actually just wanted the border to be colored the same as the pie slice and the statement below colors the border and the background the color of the pie slice.

style: 'seriesFill',

Thanks

WebFocus 8.201M, Windows, App Studio

Posts: 227 | Location: Lincoln Nebraska | Registered: August 12, 2008

Ignored post by jfr99 posted

Show Post

Please Wait. Your request is being processed...