Setting outlineInverted to true will invert the outline drawn in Slider.
outlineInverted can be helpful when the Navigator is positioned to the top of StockChart. Try out the same in the example below.
Default: falsevar stockChart = new CanvasJS.StockChart("container", { . . navigator: { . . slider: { outlineInverted: true }, . . }, . . }); stockChart.render();