與等距x軸的flot條形圖

Question

我爲我的報告使用flot。我可以將我的數據放入flot中，但我對它的格式感到困惑。

例如，我海軍報的代碼如下所示：

var views = [ 
    [3747, 7], 
    [3119, 2], 
    [3442, 2], 
    [3748, 1], 
    [3754, 1], 
    [2645, 1], 
    [3534, 1], 
    [3120, 1], 
    [2836, 1], 
    [3571, 1] 
]; 
var ticks = [ 
    3747, 
    3119, 
    3442, 
    3748, 
    3754, 
    2645, 
    3534, 
    3120, 
    2836, 
    3571 
]; 
var options = { 
    series: { 
     bars: { 
      show: true 
     } 
    }, 
    grid: { 
     hoverable:true, 
     clickable:true, 
     tickColor:"#dddddd", 
     borderWidth:0 
    }, 
    bars: { 
     align: "center", 
     barWidth: 0.5 
    }, 
    xaxis: { 
     ticks: ticks 
    }, 
    colors:["#FA5833"] 
}; 
var data = [{data: views, label: "Views"}]; 
var placeholder = $("#top-views-graph"); 
var plot = $.plot(placeholder, data, options); 

這說明這一點：

我有兩個問題。

1. x軸自動調整每個標籤之間的間隙。我希望他們都是平等的。
2. 我需要實際的棒來擴展「網格列」的全寬

沒有人知道如何實現這一目標？

我已經試過文檔和谷歌，但我似乎無法找到無論如何做到這一點。 我原以爲這是很多人需要的東西。

任何幫助，將不勝感激:)

/r3plica

Answer 1

海軍報是把你的刻度值數值（給我這個號碼打勾）當你真正想要的是他們只是標籤。

指定您的蜱和數據是這樣的：

var views = [[0,7], 
      [1,2], 
      [2,2], 
      [3,1], 
      [4,1], 
      [5,1], 
      [6,1], 
      [7,1], 
      [8,1], 
      [9,1]]; 


    var ticks = [ 
     [0,'3747'], 
     [1,'3119'], 
     [2,'3442'], 
     [3,'3748'], 
     [4,'3754'], 
     [5,'2645'], 
     [6,'3534'], 
     [7,'3120'], 
     [8,'2836'], 
     [9,'3571'] 
    ]; 

小提琴here。