This property controls the location of the legend.
legend: {position: 'string'}
position: a string that defines the location of the legend: 'bottom', 'free' (floating), 'left', 'right' (default), or 'top'
legend: { visible: true, position: 'bottom', lineStyle: {width: 2, color: 'indianred', dash: '4 4'}, },
legend: { visible: true, position: 'free', lineStyle: {width: 2, color: 'indianred', dash: '4 4'}, xy: {x:320, y:8} },
legend: { visible: true, position: 'left', lineStyle: {width: 2, color: 'indianred', dash: '4 4'}, },
legend: { visible: true, lineStyle: {width: 2, color: 'indianred', dash: '4 4'}, },
legend: { visible: true, position: 'top', lineStyle: {width: 2, color: 'indianred', dash: '4 4'}, },
![]()
When legend position is set to "free", the legend may draw on top of other chart objects. Use the legend:xy property to define the location of the legend.