如何减少flot图形和其div容器之间的间距？

如何删除下面的屏幕截图（绿线）所示的空白空间？如何减少flot图形和其div容器之间的间距？

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/

Flot graph

来源

2013-10-14 resting

我不知道什么是jQuery中的'plot'（我很失望，它与jQuery一起...），但负填充左不起作用。但你可以设置位置：相对和宽度> 100％:) – dbanet

@dbanet：这是一个jQuery插件：http://www.flotcharts.org/ –

如果你使用0.8，你可以试试新电网'保证金'选项：

grid: { 
    margin: { 
     right: 0 
    } 
}

它可能不会完全删除保证金，但它可以让您获得大部分途径。

来源

2013-10-14 03:56:00 DNS

刚刚尝试过。我正在使用0.8.1，但设置上面的内容并不会减少间距。也许这已经是最低限度了。 – resting

如何减少flot图形和其div容器之间的间距？

回答

相关问题