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

Question

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

jqueryjquery-pluginschartsflotpie-chart

5

我该如何在Flot饼图中去除“切片”和“背景”之间的“白线”？

我的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
          }
        }
      });
});

- Canttouchit

1

如果您有类似的需求，但是针对的是Google Pie Charts API，请参考这个类似的问题：http://stackoverflow.com/questions/22228074/google-pie-chart-how-can-i-remove-the-white-line-between-slices/22228088#22228088 - Guillaume

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- EdenSource · Accepted Answer

你可以添加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/