indexLabelLineColor: String

Sets the color of line connecting index labels with their dataPoint. The value of indexLineColor can be a “HTML Color Name” or “hex Code” or “rgba values”.

Default: “lightgrey”
Example: “red”, “#FAC003” ..

  • indexLabelLineThickness is 0 by default in charts other than pie and doughnut. Hence you’ll have to set it to a value greater than 0 in order for indexLabelLineColor to work in other chart types.

var  chart =  new  CanvasJS.Chart("container",
 data: [{
  indexLabelLineColor: "green",


Index Label Line Color to Pie Chart

Try it Yourself by Editing the Code below.

Index Label Line Color to Column Chart

Try it Yourself by Editing the Code below.

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


  1. Hello i’m using the canvas.js and in my case I want to make the charts more “flat-design”. At the moment i’m working with the doughnut chart and i’m wondering if it’s possible to delette or mask the white border around all the parts ?

    For the rest thank you for this “plugin” and this documentation.

    Have a nice day