2014-03-24 57 views
1

enter image description here我正在使用flot.js創建圖表並獲取不需要的空間。如何刪除該空間。如何刪除不想要的空間在flot圖表

var DataSet1 = [ 
       [new Date("2013/01/02").getTime(), 30], 
       [new Date("2013/02/03").getTime(), 16 ], 
       [new Date("2013/03/04").getTime(), 32 ], 
       [new Date("2013/04/05").getTime(), 189], 
       [new Date("2013/05/06").getTime(), 192], 
       [new Date("2013/06/06").getTime(), 154], 
       [new Date("2013/07/06").getTime(), 336], 
       [new Date("2013/08/06").getTime(), 203], 
       [new Date("2013/09/06").getTime(), 366], 

     ]; 


    var chartColor = $(this).parent().parent().css("color"); 

       $.plot($("#chart-revenue1"),[ { data: DataSet1} ] ,{ 
       xaxis: 
        { mode: "time", 
        min: (new Date("2013/01/01")).getTime(), 
        max: (new Date("2013/08/01")).getTime(), 
        timeformat: "%d/%m/%y", 
        ticks: [new Date("2013/01/01").getTime(),new Date("2013/02/01").getTime(),new Date("2013/03/01").getTime(),new Date("2013/04/01").getTime(),new Date("2013/05/01").getTime(),new Date("2013/06/01").getTime(),new Date("2013/07/01").getTime() ], 
        minTickSize :30 
        } 
       ,yaxis: { 
         min:0, max: 400, tickSize: 50 
        }, 
        series: { 
         label: "Revenue", 
         lines: { 
          show: true, 
          lineWidth: 3, 
          fill: true 
         }, 
         shadowSize: 0, 
        }, 
        grid: {backgroundColor: { colors: ["#ffffff", "#f4f4f4"] }}, 
        colors: ["#294777"], 
        legend: { 
         show: true 
        } 

     });![enter image description here][2] 

回答

2

更改您的x軸最小值。你已經將它設置爲:

min: (new Date("2013/01/01")).getTime(), 

但你的第一個數據點是

new Date("2013/01/02").getTime() 

所以,一天之後。

+0

ya thanks.Now我明白了爲什麼會得到空間,但我想這不是一個錯誤。日期剛剛開始給定值 – user2587222

+0

而且我還有一個懷疑。我可以把一個共同的標籤爲軸。這意味着在xaxis下標籤更多的標籤,如「按月堆棧」 – user2587222

+0

看起來你需要使用插件:https://github.com/markrcote/flot-axislabels –