2013-08-20 77 views
2

我有一個Highchart,我正在顯示一個滾動條。我已經定義了
XAXIS:{ 分鐘:0, 最大:6,Highcharts:當最大x軸值定義時,避免顯示額外的x軸點

對於其中數據小於6 grids..it示出了具有零加分實例。如何避免顯示這些額外的點?

在下面的例子看到額外的點是12,13,14 ..我想刪除它們。 http://jsfiddle.net/highcharts/fj6d2/

變種圖表=新Highcharts.Chart({

chart: { 
    renderTo: 'container' 
}, 

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    min: 0, 
    max: 14 
}, 

legend: { 
    verticalAlign: 'top', 
    y: 100, 
    align: 'right' 
}, 

scrollbar: { 
    enabled: true 
}, 

series: [{ 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
}] 

});

+0

這裏是一個相關的功能要求,您可以添加你的選票和意見:http://highcharts.uservoice.com/forums/55896-general/suggestions/1848953-extend-the-axis-max-property-to-act-like-css-mi – jlbriggs

回答

1

你可以簡單地獲取數據的長度,然後設置適當的最大值,見:http://jsfiddle.net/Fusher/fj6d2/2378/

var data = [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
    len = data.length; 

len = len < 6 ? len : 6; 

然後在選項Highcharts:

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    min: len 
}, 
series: [{ 
    data: data 
}] 
+1

難道你不會需要獲取數據長度嗎?即如果數據點少於類別? – jlbriggs

+0

當然你是對的!謝謝! –