Welcome to the Highcharts JS (highcharts) Options Reference

These pages outline the chart configuration options, and the methods and properties of Highcharts objects.

Feel free to search this API through the search bar or the navigation tree in the sidebar.

tooltip.outside

Whether to allow the tooltip to render outside the chart's SVG element box. By default (false), the tooltip is rendered within the chart's SVG element, which results in the tooltip being aligned inside the chart area. For small charts, this may result in clipping or overlapping. When true, a separate SVG element is created and overlaid on the page, allowing the tooltip to be aligned inside the page itself. Beware that with this option active, CSS classes on the chart's target container, with classnames matching the pattern 'highcharts-*', will be set on the tooltip as well. This is done to support theming for tooltips with this option.

Defaults to true if chart.scrollablePlotArea is activated, otherwise false.