Highchart yaxis类别拥挤

时间:2019-06-27 09:56:18

标签: highcharts heatmap yaxis

我有一个带有类别的图表图表。由于类别众多,因此地图看起来很拥挤。即使启用了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

0 个答案:

没有答案