Custom renderer function for chart legend labels

[MeryChon]

Hello
I'd like to apply custom renderer function to chart legend fields. That is if text displayed in the legend field is too long, trim it and add some other logic. I'm attaching the fragment of code that I thought would work for me, but it does not. I'm using ExtJs 6.2.0

series: [{   
 type: seriesType,
    angleField: angleField,
    donut: donut,
    label: {
        field: labelField,
    },
    renderer: function (sprite, config, rendererData, index) {
var label = rendererData.store.getData().items[index].get('Name');
return {text : label.substr(0,8)};
    },
}],

[Forum_Adm]

Hello- I have sent this over to the support team. They will reach out to you at their earliest convenience to provide assistance. Thank you for your patience!

Michele

[rakumar]

Hello,

There is no renderer method for chart legend. By default legend takes same text as label.


You can use label's renderer method to customize text for the label and set a custom field with value converted in store as label's field which will be set as text for legend.


Please see the fiddle where I have truncated names as you described :
https://fiddle.sencha.com/#view/editor&fiddle/2nbd

Regards,
Kumar
Sencha Support.

[MeryChon]

Thanks. It's a nice workaround for my problem.