Highchart яксис категории переполнены - PullRequest
0 голосов
/ 27 июня 2019

У меня есть высокая карта тепловых карт с категориями. Поскольку существует множество категорий, карта выглядит переполненной. Даже при том, что я включил прокрутку по оси Y, пиксель на категорию слишком мал, и карта практически не используется. Может кто-нибудь сказать мне, как масштабировать ось Y, чтобы каждая категория имела определенную высоту и была правильно видна?

https://jsfiddle.net/Lxw7gtas/

Highcharts.chart('container', {

    data: {
        rows: [["Sun, 07 Nov 2010 00:00:00 GMT", 0.0, 0],...],
        seriesMapping: [{x: 0, value: 1, y: 2}]
    },

    chart: {
        type: 'heatmap'
    },
    title: {
        text: null
    },
    navigator: {
        enabled: true
    },
    rangeSelector: {
        enabled: true
    },
    boost: {
        useGPUTranslations: true
    },

    xAxis: {
        type: 'datetime',
        labels: {
            align: 'left',
            x: 5,
            y: 14,
            format: '{value:%B}' // long month
        },
        showLastLabel: false,
        tickLength: 16
    },

    yAxis: {
        title: {
            text: null
        },
        labels: {

        },
        type: 'category',
        categories: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30],
        scrollbar: {
            enabled: true
        },


        tickInterval: 1,
        tickPixelInterval: 100,

    legend: {
        align: 'center',
        layout: 'horizontal',
        margin: 0,
        verticalAlign: 'top',
        floating: true,
        /* y: 25, */
        /* symbolHeight: 280 */
    },

    colorAxis: {
        stops: [
            [0, '#3060cf'],
            [0.5, '#fffbbc'],
            [0.9, '#c4463a'],
            [1, '#c4463a']
        ],

        labels: {
            format: '{value}'
        }
    },

    series: [{
        boostThreshold: 100,
        borderWidth: 10,
        nullColor: '#EFEFEF',


        turboThreshold: Number.MAX_VALUE // #3404, remove after 4.0.5 release
    }],
    plotOptions: {
        series: {
            dataLabels: {
                overflow: 'none',
                crop: true,
            }
        }
    }

}});

Пожалуйста, смотрите изображение enter image description here

Я хочу увеличить интервал между категориями enter image description here

...