在Flot饼图中删除切片之间的白线

时间:2013-09-13 10:36:58

标签: jquery jquery-plugins charts flot pie-chart

如何删除white line slicesbackgroundFlot之间的pie chart

My jsfiddle

正如你所看到的那样:

White line

我希望它看起来像那样(忽略我糟糕的艺术技巧):

enter image description here

我的代码:

$(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
          }
        }
      });
});

1 个答案:

答案 0 :(得分:10)

您可以添加STROKE属性

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

将值设置为0完全隐藏饼图。

因此,您还可以添加笔触颜色,其值设置为与背景相同的颜色:

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

见小提琴:http://jsfiddle.net/hSmVH/