APP PREPENDPATH IBISAMP
DEFINE FILE GGSALES
 MYXAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
 	                    3 3);
 MYYAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
			    3 3);
END
-*
GRAPH FILE GGSALES
SUM    MYYAXIS
BY     ST
ACROSS MYXAXIS
IF SEQ_NO LE 4
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 1
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH SCATTERS
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
*GRAPH_JS
htmlToolTip: {enabled: true,
              snap: true
             }
*END
END 

  
APP PREPENDPATH IBISAMP
DEFINE FILE GGSALES
 MYXAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
 	                    3 3);
 MYYAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
			    3 3);
END
-*
GRAPH FILE GGSALES
SUM    MYYAXIS
BY     ST
ACROSS MYXAXIS
IF SEQ_NO LE 4
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 1
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH SCATTERS
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
-*
-* Create Data Labels and Tool Tips.
-*
*GRAPH_JS
htmlToolTip: {enabled: true,
              snap: true,
              style: { border: 'solid red', background: 'lavender'},
             }
*END
ENDSTYLE
END

Pilot: WebFOCUS 8.2.06 Test: WebFOCUS 8.1.05M Prod: WebFOCUS 8.1.05M Server: Windows Server 2016/Tomcat Standalone Workstation: Windows 10/IE11+Edge Database: Oracle 12c, Netezza, & MS SQL Server 2019 Output: AHTML/XLSX/HTML/PDF/JSCHART Tools: WFDS, Repository Content, BI Portal Designer & ReportCaster

/* See your "border: red" and "background: lavender" were pushed to the style setting of the main tooltip */
<span id="tdgchart-tooltip" class="tdgchart-tooltip" style="<many settings here>; border: solid red; background: rgb(230, 230, 250);">

   /* Tooltip text */
   (MA 2, MYXAXIS 2)

   /* "Pointer" added by the snap option */
   <span class="tooltipCallout" style="position: absolute; width: 0px; height: 0px; border-width: 10px; border-style: solid; 
         border-color: transparent transparent transparent rgba(243, 219, 63, 0.933333); top: 0.952380952380954%; left: 100%;">
   </span>
</span>

quote:

Parameters:

enabled: true/false enables/disables HTML-based tool tips. true = use HTML-based (div) style tooltip for any chart tooltips. false = use standard style tooltips.

mouseMargin: Distance from top of cursor to bottom of tooltip, in pixels.

style: undefined, 'seriesFill', or an object or string defining CSS properties.

autoTitleFont: When series.tooltip is set to 'auto', use a CSS font string to define the formatting of automatic tooltip title text. The default value is 'bold 12pt Sans-Serif'.

autoContentFont: When series.tooltip is set to 'auto', use a CSS font string to define the formatting of automatic tooltip content text. The default value is '10pt Sans-Serif'.

snap: true/false enables/disables snapping tooltips.

sticky: true/false enables/disables sticky tooltips. If false (the default), the tooltip is hidden when the mouse moves off any riser. If true, the tooltip is only hidden when the mouse moves out of the chart frame.

APP PREPENDPATH IBISAMP
DEFINE FILE GGSALES
 MYXAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
 	                        3 3);
 MYYAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
			                3 3);
END
-*
GRAPH FILE GGSALES
SUM    MYYAXIS
BY     ST
ACROSS MYXAXIS
IF SEQ_NO LE 4
ON GRAPH HOLD AS MYGRAPH FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 1
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH SCATTERS
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
-*
-* Create Data Labels and Tool Tips.
-*
*GRAPH_JS
htmlToolTip: {enabled: true,
              snap: true,
              style: { border: 'solid red', background: 'lavender'},
             }
*END
ENDSTYLE
END
-RUN
-HTMLFORM BEGIN
<!DOCTYPE html>
<HTML>
<HEAD>
 <TITLE></TITLE>
 <style>
  .tooltipCallout {
    display:none!important;
  }
 </style>
</HEAD>
-*
<BODY>
 !IBI.FIL.MYGRAPH;
</BODY>
</HTML>
-HTMLFORM END

APP PREPENDPATH IBISAMP
DEFINE FILE GGSALES
MYXAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
                                   3 3);
MYYAXIS/I5 = DECODE SEQ_NO(1 1
                            2 2
                                                    3 3);
END
-*
GRAPH FILE GGSALES
SUM    MYYAXIS
BY     ST
ACROSS MYXAXIS
IF SEQ_NO LE 4
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 1
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH SCATTERS
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
-*
-* Create Data Labels and Tool Tips.
-*
*GRAPH_JS

  htmlToolTip: {
    enabled: true, snap: true,
    style: { borderStyle: 'solid', borderColor: 'red', background: 'lavender'}
  },
  _callbackList: [{callback: function() {
    var o = tdgchart.prototype.snapToolTip;
    tdgchart.prototype.snapToolTip = function() {
      o.apply(this, Array.prototype.slice.call(arguments));
      var bc = this.htmlToolTip.style.borderColor, c = document.getElementsByClassName('tooltipCallout')[0];
      if (c) {
        c.style.borderLeftColor = c.style.borderLeftColor === 'transparent' ? 'transparent' : bc;
        c.style.borderRightColor = c.style.borderRightColor === 'transparent' ? 'transparent' : bc;
      }
    }
  }, event: 'renderComplete'}]



*END
ENDSTYLE
END

htmlToolTip: {enabled: true,

              snap: true,
border: {color: 'red'},
              style: { border: 'solid red', background: 'lavender'},
             }