indexLabelPlacement - Place Index Label Inside / Outside Data Point

indexLabelPlacement: String

Using this property you can define whether to render indexLabel “inside” or “outside” the dataPoint.

Default: Automatically handled

Example: “outside”, “inside”, “auto”

Notes

If the indexLabelPlacement is inside, it is advised to have smaller labels or to reduce indexLabelFontSize so that indexLabels can be accommodated.
When set to “auto”, the chart automatically decides whether to place labels inside or outside based on the available space, except in pie/doughnut charts. Incase of pie/doughnut charts, “auto” sets indexLabelPlacement to “outside”.
In case of rangeColumn / rangeBar charts indexLabels are displayed at the extreme end when indexLabelPlacement is set to “inside” – because they have two indexLabels.

var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 data: [{
  indexLabelPlacement: "inside",

  },
 ]
 .
 .
});
chart.render();

Try it Yourself by Editing the Code below.

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

Comments 6

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

indexLabelPlacement: String