Interface ICursorModifierOptions

Sets both axis label fill as an HTML Color code.

Sets both axis label text color as an HTML Color code

Sets the crosshair stroke color as an HTML Color code

Sets the crosshair line dash array

Sets the crosshair line strokethickness

If this is set greater than the default of zero, the toolip will only show values for points in this radius, rather than all points on the vertical line

Sets the parent div element reference or id for the Tooltip

Sets whether we should display axis labels. Default is true

Sets whether we should display the tooltip. Default is false

Sets whether we should display the X Line. Default is true

Sets whether we should display the Y Line. Default is true

Sets the tooltip container background color as an HTML Color code

Sets the tooltipDataTemplate, which allows to customize content for the tooltip

Sets the legend X offset

Sets the legend Y offset

Sets the template for the legend

Sets the tooltip shadow color as an HTML Color code

Set a function which generates the svg for the entire tooltip. Note that the repositioning of the tooltip to keep it within the chart is normally done in this function. To retain this functionality in your own template function, include the following:

  // valuesWithLabels is the result of the tooltipDataTemplate function, which is the text content of the tooltip as an array of strings
  const { width, height } = calcTooltipSize(valuesWithLabels);
  // this calculates and sets svgAnnotation.xCoordShift and svgAnnotation.yCoordShift.  Do not set x1 or y1 at this point.
  adjustTooltipPosition(width, height, svgAnnotation);

Sets the tooltip text color as an HTML Color code

Sets the xAxis label fill as an HTML Color code.

Sets the xAxis label text color as an HTML Color code

Sets the yAxis label fill as an HTML Color code.

Sets the yAxis label text color as an HTML Color code