extjs - extjsの円グラフのラベルと凡例に異なるフィールドを与える方法

Question

extjs の円グラフのラベルと凡例に別のフィールドを与える方法を教えてもらえますか? 名前と値の 2 つのフィールドを持つストアがあります。名前フィールドを凡例に、値フィールドをラベルに表示したい。現在、labe1 と凡例の両方で同じ値を取得しています。

ありがとう

Answer 1

I don't know whether it is against the copyright law or not 

そして、私はあなたが何をしても責任を負いません。しかし、それはうまくいくでしょう

step 1 

open  touch/src/chart/series/pie.js file 

step 2
 add one property to this file  (like legendLabel:null,)
step 3 
 Edit method  provideLegendInfo: function (target) . and change 
 labelField = this.getLabelField(), to
 labelField = this.getLegendLabel()
step 4<br>
Add new property to series you create in your file to show pie chart


    series: [
                    {
                        type: 'pie',
                        legendLabel :'name',
                        xField: 'value',                        
                        labelField: 'value',

}]


promote  this answer if you find this is helpful 
thank u

Answer 2

rendererFn (スプライト) を使用して、凡例と PIE に 2 つの異なるラベルを個別に表示する方法があります。ここでは、JS ファイルを編集する必要はありません。

[シリーズ] セクションの [ラベル] カテゴリで、[フィールド] を使用して LEGEND テキストを表示し、レンダラー関数で値を出力として使用して値をパイに返します。

series: [{ type: 'pie', field: 'value', donut: 25,
showInLegend: true,

        label: {
            field: 'name',
            renderer: {rendererFn},
            display: 'inside'
        }
        ,renderer: function(sprite, config, rendererData, index) {
            return { text: {rendererFn}(window.dataJSON[index]['value']) };
        }
}]

これで十分でしょう。