2013-07-18 52 views
0

有人可以幫助我限制數據顯示在highchart ,, 我有很多的數據,並希望使它只是10顯示,但在此之前,我需要descanding我的數據。 所以剛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數據與「數據」值下降。

+0

我不太清楚你在問什麼。你可以創建一個jsfiddle來顯示問題嗎? – SteveP

回答

0

Highcharts沒有包含限制模塊,但可以在預處理(在圖表初始化之前)中「剪切」您的數據。換句話說,即使你得到150分,那麼你可以使用slice來「剪切數組」並用新數據初始化圖表。只有當您在xAxis上使用reverted參數時,取消值纔可用。

相關問題