4

凡例の値列の最後に総計を表示する方法はありますか? ここに私の凡例のコードと、data[] セットの名前と値の 2 つの列に分割されたフィドルがあります。

legend: {
            enabled: true,
            layout: 'vertical',
            align: 'right',
            width: 220,
            verticalAlign: 'top',
            borderWidth: 0,
            useHTML: true,
            labelFormatter: function() {
                return '<div style="width:200px"><span style="float:left">' + this.name + '</span><span style="float:right">' + this.y + '%</span></div>';
            },
            title: {
                text: 'Primary',
                style: {
                    fontWeight: 'bold'
                }
            }
        }

列がこのようなものになるようにします

Data1      2
Data2      3
Data3      2
         ---
           7

私ができる必要があるのは、その行の下に破線またはできれば実線を追加してから、すべてのデータ値の総計を追加することです。これが私の現在のフィドルです。

http://jsfiddle.net/hAnCr/29/

ありがとう!

4

2 に答える 2

5

実際には、null 値とラベル属性を使用して、合計をデータ配列の別のエントリとして追加します。このようなもの:

legend: {
    labelFormatter: function() {
        return this.name + ': ' + this.y_label;
    },
},
// ...
series: [{
    type: 'pie',
    data: [
        {'name': 'Real Estate', 'y': 12.55, 'y_label': 12.55},
        // ...
        {'name': 'Total', 'y': null, 'y_label': 100, 'color': 'transparent'}
    ]
}]

例

ここでフィドル:http://jsfiddle.net/Aeon/9cZKg/1/

于 2013-06-19T19:10:51.127 に答える