Range Select Buttons not highlighted if rangeChanging option used

[Andreas von Buchwald]

I have a function that fires every time the range of the chart is changed using the range buttons. If I use this function, the selected range button is not highlighted…

Sample code can be found in below fiddle:
https://jsfiddle.net/k93y6v70/1/

[Manoj Mohan]

@avb,

We are looking into your query and will get back to you at the earliest.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

[UPDATE]

We have just released StockChart v1.10.12 with this bug fix. Please refer to the release blog for more information. Do download the latest version from download page & let us know your feedback.

@avb,

There seems to be an issue when navigator is disabled due to which selected range button is not highlighted after rendering the chart. You can workaround this issue by hiding the navigator using css and also setting selectedRangeButtonIndex in the rangeChanging event handler. Please take a look at this below code snippet.

<style>
#stockChartContainer .canvasjs-navigator-panel {
  display: none !important;
}
</style>

rangeChanged: function(e) {
.
.
if(e.source == "buttons") {
  stockChart.rangeSelector.set("selectedRangeButtonIndex", e.index, false);
}
.
.
}

Please take a look at this updated JSFiddle for complete working code.

—-
Manoj Mohan
Team CanvasJS