javascript - 如何减少 flot graph 和它的 div 容器之间的间距？

Question

如何删除下面屏幕截图(绿线)中所示的空白区域？

js代码如下:

$(function() {

    var d = [];
    var t = 1377655220 * 1000;
    for (var i=0;i<6;i++) {
        d.push([t+(i*60*1000), i*2]);
    }

    var data = [{
      label: "Packets",
      data: d
    }];
    var options = {
      colors: ['#F7A500'],
      legend: {
        labelBoxBorderColor: '#fff',
        backgroundOpacity:0
      },
      series: {
        lines: {
          show:true,
          lineWidth:3,
          fill:true
        },
        points: {
          show:true,
          fill: true,
          fillColor: '#F7A500'
        }
      },
      xaxis: {
        mode: 'time',
          tickSize: [1,'minute'],
        timeformat: "%m/%d <br> %H:%M"
      },
      yaxis: {
        tickSize: 2
      },
      grid: {
        borderWidth: 1,
        color: '#aaa',
        autoHighlight: true,
        mouseActiveRadius: 3,
        labelMargin: 15
      }
    };
    var plot = $('#placeholder').plot(data, options);
});

HTML:

<div id="placeholder" style="width:800px;height:300px;border:1px solid red;"></div>

Jsfiddle:http://jsfiddle.net/resting/hx6UJ/3/

Answer 1

如果您使用的是 0.8，则可以尝试新的网格“边距”选项:

grid: {
    margin: {
        right: 0
    }
}

它可能不会完全消除边距，但它会帮助您完成大部分工作。