Highstock僅在用戶放大時顯示系列

我正在與highcharts發生異常問題。我正在使用股票圖來呈現多個系列的圖表。每個系列都有很多100分以上的點數。這是生成圖表的代碼。Highstock僅在用戶放大時顯示系列

$('#chart').highcharts('StockChart', { 
    chart: { 
     zoomType: 'x', 
     alignTicks: false, 
     backgroundColor: 'rgba(255, 255, 255, 0.1)' 
    }, 
    title: { 
     text: 'Google SERP Chart' 
    }, 
    credits: { 
     enabled: false 
    }, 
    rangeSelector: { 
     buttons: [{ 
      type: 'hour', 
      count: 1, 
      text: '1h' 
     }, { 
      type: 'day', 
      count: 1, 
      text: '1d' 
     }, { 
      type: 'month', 
      count: 1, 
      text: '1m' 
     }, { 
      type: 'year', 
      count: 1, 
      text: '1y' 
     }, { 
      type: 'all', 
      text: 'All' 
     }], 
     inputEnabled: false, // it supports only days 
     selected: 4 // all 
    }, 

    xAxis: { 
     type: 'datetime', 
     title: { 
      text: null 
     }, 
     lineWidth: 2, 
     minRange: 3600 * 1000, 
     labels: { 
      formatter: function() { 
       return Highcharts.dateFormat('%a %d %b', this.value); 
      } 
     } 
    }, 
    yAxis: { 
     tickInterval: 1, 
     title: { 
      text: 'Ranking Position' 
     } 

    }, 
    series: series 
});

這是我得到的圖。請注意，只有1個系列是繪圖的，其他系列沒有繪製。我一直在試圖做這樣的事情 http://www.highcharts.com/stock/demo/compare 難道是因爲圖表上有很多點嗎？我試圖做dataGrouping，但沒有奏效。

任何想法可能會導致什麼呢？

這裏是一個的jsfiddle複製問題

http://jsfiddle.net/4kz7r/

來源

2014-02-15 user1566026

好吧，我想通了。我必須將groupingWidthPixels設置得更高。這是小提琴的修復。

series: { 
    dataGrouping: { 
     groupPixelWidth: 50 
    } 
} 
}

http://jsfiddle.net/rHC8h/ :)

來源

2014-02-15 23:40:05 user1566026

Highstock僅在用戶放大時顯示系列

回答

相關問題