4

flot 円グラフは、デフォルトでアイテムのラベルをパーセンテージで表示しますが、パーセンテージではなくパーセンテージを構成する数値を表示する必要があります。以下のコードは私のデータであり、

var pieOptions={
    series: {
        pie: {
            show: true,
            radius: 1,
            label: {
                show: true,
                radius: 3/4,
                formatter: labelFormatter,
                background: {
                    opacity: 0.5,
                    color: '#000'
                }
            }
        }
    },
    grid: {
        hoverable: true,
        clickable: true
    },
    legend: {
        container: '#pieLegend'
    }
}

ラベルフォーマッタ

function labelFormatter(label, series) {
    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>"
+ label + "<br/>" + Math.round(series.percent) + "%</div>";
}

私のデータ

[["ebbok1","1"],["ebook2","4"],["ebook3","4"],["something","3"]]

だから私は計算されたパーセンテージの代わりに円グラフに表示するために1,4,4,3が必要です

編集

試してみseries.data[0][1]ましたが、チャートに空白が表示されました

4

1 に答える 1

8

labelFormatter を次のように変更します。

function labelFormatter(label, series) {
    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>"    + label + "<br/>" + series.data[0][1] + "%</div>";
}

シリーズの最初の (唯一の) ポイントの y データです。

于 2013-08-29T20:36:10.007 に答える