nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Line chart series label gets overlapping

raj.selvaa

Dear All,
 
Line chart Series label gets overlapping, plese find the attachment.
 
if there is any way to get rid of overlapping either set position for series lables?
 
I have tried to set the position of series label, but this option get disabled by default.
 
Thanks,
Selvakumar S

Find more posts tagged with

Comments

JFreeman

Which version of BIRT are you using?
Is this happening in a specific output format?

raj.selvaa

Hi,
 
I am using BIRT Pro trial version.
 
Actuate BIRT Designer Professional 
Version: 4.2.3 
Build id: v20131216
 
Thanks,
Selvakumar S

JFreeman

Which chart type are you using?
 
If you are using an HTML5 chart, this can be done within the beforeDrawDataPoint function in the client scripts of the chart.
For Example, in the below code I adjust the y position for only Series 1 which changes the labels to display below the line and leaves Series 2's labels above the line:
<pre class="_prettyXprint _lang-js">
beforeDrawDataPoint: function(point, pointOptions, chart, seriesIndex, pointIndex)
{
if(point.series.name == "Series 1"){
pointOptions.dataLabels = {
y: 25
}
}

},
</pre>

raj.selvaa

Hi JFreeman,
 
I am using HTML5 chart only, now its working fine based on your suggestion.
 
Thanks,
Selvakumar S

JFreeman

Thank you for the confirmation.
I am glad to hear my suggestion works for your requirements.