outlineInverted: Boolean

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: false
Options: true, false

var stockChart = new  CanvasJS.StockChart("container",
{
 .
 .
 navigator: {
   .
   .
   slider: {
     outlineInverted: true
   },
   .
   .
 },
 .
 .
});
stockChart.render();



Try it Yourself by Editing the Code below.




If you have any questions, please feel free to ask in our forums.Ask Question