0

下の画像を参照してください。目標は、ラベルの背景 (つまり、透明な背景) を削除することです。私は jqPlot ドキュメントと API を行ったり来たりして、さまざまな設定の組み合わせを試しました...ソース CSS クラスと思われるものを上書きしようとさえしました:

jqPlot円グラフ

1 つのポイントは、これは円グラフをレンダリングしようとしたときにのみ発生するということです...他のタイプのグラフでは、背景なしでラベルが自動的に表示されます。すべての実験からクリーンアップされた、私のコードの基本的な反復は次のとおりです。

関連するものは次のとおりです。

// 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
        }
    }
});

すべての役に立つ返信を前もってありがとう!

4

1 に答える 1

1

これを見る

できます

フィドル

コード

$.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
        }
    }
});
于 2013-02-27T02:50:43.260 に答える