首页 > Flotr2中,如何去掉饼状图每一个分片的Outline

Flotr2中,如何去掉饼状图每一个分片的Outline

代码贴在最后,我想达到的效果是:
    √ 不显示Grid的外边框
    √ 屏蔽Legend插件
    √ 可以自由改变每个分片的颜色
    ↑ 以上都解决了

现在图是这样的
    ↓ 这个还没解决:P
    × 去掉每个分片的OutLine

Flotr.draw ( container, data,
    {
        HtmlText : false,
        grid : {
            hoverable: true,
            outlineWidth: 0, //去除Grid的边框
            verticalLines : false,
            horizontalLines : false
        },
        xaxis : { showLabels : false },
        yaxis : { showLabels : false },
        pie : {
            fillOpacity : 1.0,
            show : true,
            explode : 0,
            shadowSize : 0, //去除阴影
            startAngle : -Math.PI + 0.015,
            sizeRatio : 0.9,
            labelFormatter : function(pie, slice){
                return null;  //去除Label
            }
        },
        mouse : {
            relative : true,
            trackAll : true
        },
        legend : { show : false } //不显示Legend
    }
)

我眼缺,捣鼓两天竟然没发现问题所在……(少年你太不认真了
由于突然自己解决问题,就自问自答了

通过搜索Pie.js里的 "color" 这个关键词,我们可以找到这行代码

Line:91    context.strokeStyle = color;

向上回溯,找到 color 的位置

Line:48    color = options.color,

所以我们就可以华丽丽地给我们当前 Type 的图表下增加这一对 Key/Value

color = "#FFFFFF"

至于为何当初就没有找到这个方法(并且一口咬定作者既然留了这么多TODO没做一定没有实现这个功能
其实我隐约记得我试过,可能是 F6-->F5 ,也可能是我直接就抛错地方了吧
总之 是个很囧的故事

【热门文章】
【热门文章】