если у меня есть данные в highcharts больше 1000, я хочу отобразить 1k

Question

У меня возникла проблема, когда у меня есть данные больше 1000, это будет мешать графику, поэтому я хочу уменьшить его, если оно будет больше 1000, когда он начнет показывать 1k вверху бара на высоких графиках

Вы можете увидеть его по ссылке ниже мой код

Highcharts.chart('container',{chart:{type:'bar'},
title:{text:'Historic World Population by Region'},
subtitle:{text:'Source: <a href="https://en.wikipedia.org/wiki/World_population">Wikipedia.org</a>'},
xAxis:{categories:['Africa','America','Asia','Europe','Oceania'], 
title:{text:null}}, yAxis:{min:0,title:{text:'Population (millions)', align:'high'}, 
labels:{overflow:'justify'}}, tooltip:{valueSuffix:' millions'},
plotOptions:{bar:{dataLabels:{enabled:true}}},legend:{layout:'vertical',align:'right',verticalAlign:'top', 
x:-40,y:80,floating:true,borderWidth:1,
backgroundColor:((Highcharts.theme&&Highcharts.theme.legendBackgroundColor)||'#FFFFFF'), shadow:true},
credits:{enabled:false},
series:[{name:'Year 1800',data:[107,31,635,203,2]},{name:'Year 1900',data:[133,156,947,408,6]},
{name:'Year 2000',data:[814,841,3714,727,31]},
{name:'Year 2016',data:[1216,1001,4436,738,40]}]});

Answer 1

Вы можете предварительно обработать ваши данные и заменить y значения:

var series = [...];

series.forEach(function(s) {
    s.data.forEach(function(point, i) {
        if (point >= 1000) {
            s.data[i] = {
                y: 1000,
                realValue: point
            }
        }
    });
});

Если вы хотите отобразить реальные значения, вы можете сохранить их и показать во всплывающей подсказке и метках данных:

Highcharts.chart('container', {
    ...,
    tooltip: {
        formatter: function(tooltip) {
            if (this.point.realValue) {
                return '<span style="font-size: 10px">' + this.x + '</span><br/>' +
                    '<span style="color:' + this.color + '">\u25CF</span> ' + this.series.name + ': <b>' + this.point.realValue + '</b><br/>';
            }
            // If not null, use the default formatter
            return tooltip.defaultFormatter.call(this, tooltip);
        }
    },
    plotOptions: {
        bar: {
            dataLabels: {
                enabled: true,
                formatter: function() {
                    return this.point.realValue ? this.point.realValue : this.y
                }
            }
        }
    },
    series: series
});

Демонстрационная версия: http://jsfiddle.net/BlackLabel/18fe7yrw/

Справочник по API:

https://api.highcharts.com/highcharts/series.bar.dataLabels.formatter

https://api.highcharts.com/highcharts/tooltip.pointFormatter