Modifying the slider

[ben551445]

Hi,
here is the graph I have : https://jsfiddle.net/yocqp7dr/5/
Each Y value is written twice on the graph : once right above the chart itself (which is what I want), and once in the slider.
I’d like to be able to do 2 things : apply a function to the value displayed in the slider and also completely get rid of the second label.
any idea on how to achieve this ?
thanks

[Adithya Menon]

@ben551445,

Since you are using the same dataPoints array on both the chart’s dataSeries and navigator’s dataSeries, any changes made to this array will be reflected on both the dataSeries. In order to remove the indexLabel from the navigator, you can clone an array of the dataPoints for the navigator’s dataSeries using jquery.extend() as shown in the code-snippet below,

navigator: {
    height: 50,
    data:[{
      dataPoints: cloneDPS(dps),
   }],
},

function cloneDPS(dps) {
	var tempDPS = [];
	for(var i = 0; i < dps.length; i++) {
  	tempDPS.push($.extend(true, {}, dps[i]));
  }
  return tempDPS;
}

Kindly take a look at this updated JSFiddle for an example on the same.

—
Adithya Menon
Team CanvasJS

[ben551445]

just what I needed.
thanks for the support :)