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.

boost.pixelRatio

The pixel ratio for the WebGL content. If 0, the window.devicePixelRatio is used. This ensures sharp graphics on high DPI displays like Apple's Retina, as well as when a page is zoomed.

The default is left at 1 for now, as this is a new feature that has the potential to break existing setups. Over time, when it has been battle tested, the intention is to set it to 0 by default.

Another use case for this option is to set it to 2 in order to make exported and upscaled charts render sharp.

One limitation when using the pixelRatio is that the line width of graphs is scaled down. Since the Boost module currently can only render 1px line widths, it is scaled down to a thin 0.5 pixels on a Retina display.