highcharts - 如何限制 highcharts 中的系列数据仅显示 10 个数据并缩短它的描述？

Question

有人可以帮我限制在 highchart 中显示的数据吗？我有很多数据，希望只显示 10 个，但在此之前我需要对我的数据进行扫描。所以只有 10 个具有高价值的数据..

    $(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Menu Terlaris'
        },
        xAxis: {
            categories: [
                'Menu'
            ]
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Terjual (Pesanan)'
            }
        },
        tooltip: {                
            formatter: function (tooltip) {
            var items = this.points || splat(this),
                series = items[0].series,
                s;

            // build the header
            s = [series.tooltipHeaderFormatter(items[0])];

            // sort the values
            items.sort(function(a, b){
                return ((a.y < b.y) ? -1 : ((a.y > b.y) ? 1 : 0));
            });
            items.reverse();

            // build the values
            $.each(items, function (i, item) {
                series = item.series;
                s.push((series.tooltipFormatter && series.tooltipFormatter(item)) ||
                    item.point.tooltipFormatter(series.tooltipOptions.pointFormat) );
            });

            // footer
            s.push(tooltip.options.footerFormat || '');

            return s.join('');
        },
        shared: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [
        { name : 'name1', data:[100] },
            { name : 'name2', data:[200] },
            { name : 'name3', data:[300] },
    ...
    ]

所以我希望在 highchart 中显示的系列数据只是 10 个数据，并以“数据”值递减。

Answer 1

Highcharts 没有包含限制模块，但您可以在预处理中“剪切”您的数据（在图表初始化之前）。换句话说，你得到 150 个点，然后你可以使用切片来“切割数组”并用新数据初始化图表。仅当您在 xAxis 上使用reverted参数时，降序值才可用。