CODEWITHSUNDEEP
jqueryjsontwitter-bootstrapchart.jspie-chart
ansh
ansh

Reputation: 623

How can I remove the white border from Chart.js V2.6.0 pie chart?

Image

I am using Chart.js(V2.6.0) pie chart and I'd like to remove white lines between slices. Could someone tell me a way to do this?

I tried segmentShowStroke: false but Not working for me.

Upvotes: 1

Views: 2724

Answers (2)

zarpilla
zarpilla

Reputation: 352

The border can be removed using the following configuration options:

var options = {
  elements: {
    arc: {
      borderWidth: 0, // <-- Set this to zero
      borderColor:'#333'
    }
}

};

A full example in fiddle: https://jsfiddle.net/vy7npk0j/2/

Upvotes: 1

Rajeev Ranjan
Rajeev Ranjan

Reputation: 497

We can't totally remove the white line between the slice, but we reduce to by using borderWidth property. Here is a working link to codepen"borderWidth":"0" and reference to dataset properties available in chart.js

Upvotes: 1

Related Questions