如何最大限度地减少百度echarts周围的空白

我正在尝试整合百度的echarts(看起来非常好).但是,如果没有设置标题或使用工具栏,实际图形周围会有很多空白.有没有办法让图表/图表使用更多的画布？

My current solution to add an extra inside the container one and then set it's width and height to be be bigger by the margins I want to remove and the offset it by setting 'top' and 'left' to negative values of the respective margins. Not elegant and more importantly, not robust, but it works for the moment.

在ECharts 4.X中

正如其他一些海报所提到的,摆脱空白的正确方法是改变options.grid.

https://ecomfe.github.io/echarts-doc/public/en/option.html#grid

grid: {
  left: 0,
  top: 0,
  right: 0,
  bottom: 0
}

在ECharts 4,网格属性的名称已更改为left,right,top,和bottom.

感谢上面的答案,指出我正确的方向!

此外,option.legend如上所述,更改,对我的图表没有影响.

您可以使用网格上定义的属性(x,y,x2和y2).文档中提到了这些属性:http://echarts.baidu.com/doc/doc-en.html#Grid

将值添加到主题网格对象，如下所示：

var theme = {

    grid: {
        x: 40,
        y: 20,
        x2: 40,
        y2: 20
    }

}

在ECharts 3，你可以使用的选项grid.left，grid.top，grid.right和/或grid.bottom。根据文档，左侧和右侧默认为10％，顶部和底部默认为60（px）。

文档：https : //ecomfe.github.io/echarts-doc/public/en/option.html#grid。

const option = {
  // these are the grid default values
  grid: {
    top:    60,
    bottom: 60,
    left:   '10%',
    right:  '10%',
  },
  // your other options...
}