Geek asks and answers

Remove a white line between slices in a fleet pie chart

How to remove white linebetween slicesand backgroundin Flot pie chart?

My jsfiddle

As you can see, it looks like this:

White line

I want it to look like this (ignore my poor art skills):

enter image description here

My code is:

$(function () {
     var data = [
    { label: "Read", data: 50, color: '#614E43' },
    { label: "Unread", data: 150, color: '#F5912D' }];
      $.plot($("#star"), data, 
      {
        series: {

          pie: { 

              radius: 0.2,  
            innerRadius: 0.125,
            show: true
          }
        }
      });
});
+4
source share
1 answer

You can add the STROKE property

pie: {               
  radius: 0.2,  
  innerRadius: 0.125,
  show: true,
  stroke: { 
      width: 0.1
  }
}

Set the value to 0 to completely hide the pie.

So, you can also add a stroke color, and the value will have the same color as your background:

pie: {
    radius: 0.2,
    innerRadius: 0.125,
    show: true,
    stroke: {
        width: 0.1,
        color: '#808080'
    }
}

See script: http://jsfiddle.net/hSmVH/

+10
source

More articles:


All Articles