2013-02-27 56 views
0

见下图;目标是去除标签的背景(即透明背景)。我一直在向上和向下的jqPlot文件和API,尝试的设置的各种组合......甚至试图覆盖什么,我认为是源CSS类:jqPlot饼图 - 删除数据标签的背景

jqPlot Pie Chart

的一点是,这只是当我尝试呈现饼图时发生......任何其他类型的图表都会自动显示没有背景的标签。这里是我的代码的基础迭代,从所有的实验清理:

相关的包括:

// excanvas.js 
// jquery.jqplot.min.js 
// plugins/jqplot.pieRenderer.min.js 
// jquery.jqplot.css 

JQ:

$.jqplot('PIE', [[["CE",14],["CNB",0],["CD",10],["BD",197],["PD.",9],["AO",68]]], 
{ 
grid: 
    { 
    drawBorder:false, 
    shadow:false, 
    }, 
gridPadding:{top:0,right:0,bottom:0,left:0}, 
seriesColors:[\"#2D8659\",\"#862D2D\",\"#2D8686\",\"#2D2D86\",\"#59862D\",\"#B4B43C\"], 
legend:{show:true}, 
seriesDefaults: 
    { 
    renderer:$.jqplot.PieRenderer, 
    rendererOptions: 
     { 
     showDataLabels:true, 
     dataLabelPositionFactor:.75, 
     shadowOffset:0, 
     lineWidth:3, 
     sliceMargin:4, 
     startAngle:-90, 
     highlightMouseOver:false, 
     padding:10 
     } 
    } 
}); 

预先感谢所有帮助的答复!

回答

1

看到这个

它的工作原理

FIDDLE

代码

$.jqplot('pieChart', [[["CE",14],["CNB",0],["CD",10],["BD",197],["PD.",9],["AO",68]]], 
{ 
grid: 
    { 
    drawBorder:false, 
    shadow:false 

    }, 
gridPadding:{top:0,right:0,bottom:0,left:0}, 
seriesColors:["#2D8659","#862D2D","#2D8686","#2D2D86","#59862D","#B4B43C"], 
legend:{show:true}, 
seriesDefaults: 
    { 
    renderer:$.jqplot.PieRenderer, 
    rendererOptions: 
     { 
     showDataLabels:true, 
     dataLabelPositionFactor:.75, 
     shadowOffset:0, 
     lineWidth:3, 
     sliceMargin:4, 
     startAngle:-90, 
     highlightMouseOver:false, 
     padding:10 
     } 
    } 
}); 
+0

IT肯定不会。谢谢先生 - 您已经间接帮助我解决问题!我们之前的编辑器全局设置所有的DIV都有#FFF背景......在我看到示例中的CSS之前,我无法弄清楚。 – 2013-02-27 03:07:52