Setting maskInverted to true will invert the masked and unmasked region of Slider. Try out the same in the example below.
Default: falsevar stockChart = new CanvasJS.StockChart("container", { . . navigator: { . . slider: { maskInverted: true }, . . }, . . }); stockChart.render();
Also See: