如何限制高图中的系列数据只显示10个数据并缩短它的描述?

时间:2013-07-18 05:32:49

标签: highcharts

可以帮助我限制高图中显示的数据吗 我有很多数据,并希望只显示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] },
    ...
    ]

所以我希望以高图显示的系列数据只有10个数据,并以“数据”值递减。

1 个答案:

答案 0 :(得分:0)

Highcharts没有包含限制模块,但您可以在预处理(图表初始化之前)中“剪切”您的数据。换句话说,你可以获得150分,然后你可以使用slice来“切割阵列”并使用新数据初始化图表。只有在xAxis上使用reverted参数时,才能使用取消值。