CODEWITHSUNDEEP
javascriptjqueryhighcharts
Raein Hashemi
Raein Hashemi

Reputation: 3384

Highcharts data labels not showing on multiple xAxis and yAxis

I am using two xAxis and three yAxis in this example. As you can see the data labels for the two purple lines show as expected. But when you change the zoom level to anything more than 3m, the dataLabels hide.

I am using:

dataLabels: {
          enabled: true,
          allowOverlap: true,
          align: 'left',
          verticalAlign: 'top',
          x: 0,
          y: -18,
          zIndex: 1000,
          crop: false,
          overflow: 'none',
          inside: true,
          padding: 0,
          maxPadding: 0,
          formatter: function() {
            return 'Other';
          }
        }

for one, and just allowOverlap: true for the other. None of them seem to work. Any suggestions?

Upvotes: 0

Views: 539

Answers (1)

Sebastian Bochan
Sebastian Bochan

Reputation: 37578

The issue is caused by dataGrouping, which group points when you set range above 3m. The solution is define formatter in plotOptions.series object, instead of point.

Upvotes: 1

Related Questions