Hi, the pie chart in my application has quite a few legend items which flows vertically in which case some of the longer legends overlap the next column. Is there any way to add some padding between the legend columns to avoid this.
Any help is much appreciated.
here’s the setting for chart.
chartSettings = {
title: ”,
description: ”,
showLegend: true,
showBorderLine: true,
legendLayout: { left: 250, top: 100, width:800, height: 200, flow: ‘vertical’ },
showToolTips: true,
padding: { left: 15, top: 15, right: 15, bottom: 15 },
titlePadding: { left: 0, top: 0, right: 0, bottom: 10 },
enableAnimations: true,
colorScheme: ‘scheme01’,
seriesGroups:
[
{
type: ‘pie’,
offsetX: 120,
series: [
{
dataField: ‘percentage’,
displayText: ‘category’,
labelRadius: 50,
initialAngle: 15,
radius: 100,
centerOffset: 0
}
]
}
]
};