代码贴在最后,我想达到的效果是:
√ 不显示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" 这个关键词,我们可以找到这行代码
向上回溯,找到 color 的位置
所以我们就可以华丽丽地给我们当前 Type 的图表下增加这一对 Key/Value
至于为何当初就没有找到这个方法(并且一口咬定作者既然留了这么多TODO没做一定没有实现这个功能
其实我隐约记得我试过,可能是 F6-->F5 ,也可能是我直接就抛错地方了吧
总之 ↑ 是个很囧的故事