如何删除flot图表中不需要的空间

时间:2014-03-24 11:51:20

标签: javascript flot

enter image description here我正在使用flot.js来创建图表并获得不需要的空间。如何删除它。

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]

1 个答案:

答案 0 :(得分:2)

更改x轴最小值。您已将其设置为:

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

但您的第一个数据点是

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

所以,一天之后。