RangeColumn & IndexLabel – only one value on top of Y

• October 26, 2016 at 12:44 am #13048
  
  tbraida

  Hi,

  I’m using the RangeColumn and trying to set the IndexLabel.

  I read the topic and there is:

  Range Charts have two indexLabels – one for each y value

  I would like to show only one time! Show on top of Y. Is this possible?

  Thanks from Brazil!

  var chart = new CanvasJS.Chart("chartContainer",
  	{
  		animationEnabled: true,
  		title:{
  			text: "Total Stores",
  		},
  		exportEnabled: false,
  		axisY: {
  			includeZero:false,
  			
  		},     
  		axisX: {
  			interval:1,
  		},
  		data: [
  		{
  			type: "rangeColumn",
  			bevelEnabled: false,
  			indexLabel: "{y}",
  			indexLabelFormatter: function(e){
              
  			if( e.index === 1)
  				return e.dataPoint.y[1];
  			else
  				return " ";
  		},
  			dataPoints: [   // Y: [Low, High]
  				{y:[0, 36],label: "Total variance",indexLabel: "SHOW THIS TEXT ON TOP"},
  				{y:[28, 36],label: "Year"},
  				{y:[27, 28],label: "Quarter"},
  				{y:[6, 27],label: "Manager"},
  				{y:[0, 6],label: "Store attributes"},	
  			]
  		}
  		]
  	});

  • This topic was modified 8 years, 1 month ago by tbraida.
  October 26, 2016 at 6:09 pm #13050
  
  Vishwas R

  @tbraida,

  indexLabel and indexLabelFormatter at dataSeries will be overridden by indexLabel and indexLabelFormatter at dataPoint level. Assigning indexLabelFormatter at dataPoint level will work in your case.

  —
  Vishwas R