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: