Highcharts spline dataLabels overlapping

Question

I have a question about highchart's overlapping data labels. I have 2 spline data series and as you can see here http://jsfiddle.net/3E8V4/ some data labels are overlapping.

Question here is: is this overlapping even possible to prevent? If yes - how should I do it?

Code for plotoptions is like that:

plotOptions: {
            spline: {
                dataLabels: {
                    enabled: 'True',
                    crop: false,
                    overflow: 'none'
                },
                enableMouseTracking: false
            }
        },

Answer 1

You can use that plugin for repositioning dataLabels: http://jsfiddle.net/menXU/1/ It's not perfect, since works only for max 2 series and requires disabled animations, or you will see little delay when repositioning dataLabels.

How to use? Copy StaggerDataLabels and isLabelOnLabel functions, and then use StaggerDataLabels in load and redraw events for chart.

Answer 2

Sobis,

I don't have a answer that is exactly what you are expecting.

In this case what i would do is increase the max of yAxis by 10% of the maxi m of the data. provide zoom in/out. that will enable the user to get a values on top of the points

zoomType: 'xy'

here is an example http://jsfiddle.net/3E8V4/1/

hope you will find it useful