以动态yaxis标签为字符串的Highcharts

Question

I've been trying to add some custom yAxis labels to highcharts but I've not been able to so far. I've tried using formatter from a predefined array of strings and I've tried addAxis method but that doesn't get me the results I'm looking for.

Basically I have some numbers (lets say 4 and 4000) and I want to have these as my yLabels. However, I do NOT want the giant space between them. They need to be one right after the other and in ascending order. I cannot figure out how to do this leaving them as integers and I cannot figure out how to dynamically add them to highcharts as strings. I'm not even sure if this is possible

Any help would be greatly appreciated.

Answer 1

Here is the Y-axis label formatter documentation from Highcharts you're probably looking for. I wrote this fiddle to simulate the custom y-axis functionality you were wanting, although I'm not sure how you want to map those values to the x-axis data. This should give you a good starting point.

Code for reference:

$('#container').highcharts({

    yAxis: {
        categories: ['4', '4000', 'Foobar'],

        labels: {
            formatter: function () {
                return this.value;
            }
        }
    },

    series: [{
        data: [0, 1, 2]
    }]
});

This stackoverflow question may also help although I noticed some dead links.