Hi, is there anyway to define relative positioning for the chart and the legend so that they wouldn’t overlap?
I have over 20 items in my series with a vertical flow that is rendered in 2 columns and goes underneath the actual chart.
See my chart settings below.
Any help is appreciated,
alisofts
chartSettings = {
title: ‘Market Value’,
description: ”,
showLegend: true,
showBorderLine: true,
legendLayout: { left: 250, top: 100, width: 300, height: 200, flow: ‘vertical’ },
showToolTips: true,
padding: { left: 5, top: 5, right: 5, bottom: 5 },
titlePadding: { left: 0, top: 0, right: 0, bottom: 10 },
enableAnimations: true,
colorScheme: ‘scheme01’,
seriesGroups:
[
{
type: ‘pie’,
offsetX: 120,
showLabels: true,
series: [
{
dataField: ‘percentage’,
displayText: ‘category’,
labelRadius: 50,
initialAngle: 15,
radius: 100,
centerOffset: 0,
formatFunction: function (value) {
if (isNaN(value))
return value;
return parseFloat(value).toFixed(2) + ‘%’;
}
}
]
}
]
};
