jqPlot饼图 - 删除数据标签背景

时间:2013-02-27 01:40:31

标签: jquery jqplot

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

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 个答案:

答案 0 :(得分: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
        }
    }
});