Disabling scrollbar grips

XY#scrollbar#xy

This short tutorial will show how you can disable grip buttons on chart Scrollbar.

Here’s a regular scrollbar:

Scrollbar’s grips are accessible via its startGrip and endGrip properties. To disable them, simply use their disabled properties:

TypeScript

chart.scrollbarX.startGrip.disabled = true;chart.scrollbarX.endGrip.disabled = true;

JavaScript

chart.scrollbarX.startGrip.disabled = true;chart.scrollbarX.endGrip.disabled = true;

JSON

{  // ...  "scrollbarX": {    "type": "Scrollbar",    "startGrip": {      "disabled": true    },    "endGrip": {      "disabled": true    }  }}

Look ma: no grips!

This will equally work on vertical scrollbars, as well as on complex scrollbars like XYChartScrollbar.

Here’s a working example:

ResultJSHTMLCSS

Open in:New tabCodePenjsFiddle

Run

disabling scrollbar gripsdisabling-scrollbar-grips