javascript - 如何最小化百度echarts周围的空白

标签 javascript charts echarts

我正在尝试合并百度的echarts(看起来很不错)。但是,当没有设置标题或使用工具栏时,实际图形周围会有很多空白。有没有办法让图形/图表使用更多的 Canvas ?

我目前的解决方案是在容器内添加一个额外的东西,然后将它的宽度和高度设置为比我想要删除的边距更大,并通过将“top”和“left”设置为负值来偏移它各自的 margin 。不优雅,更重要的是,不健壮,但它暂时有效。

最佳答案

在 ECharts 4, 5

正如其他一些发帖者所提到的,去除空白的正确方法是更改​​ options.grid

https://echarts.apache.org/en/option.html#grid

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

在ECharts 4中,grid属性的名称更改为leftrighttopbottom.

感谢上面的回答为我指明了正确的方向!

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

关于javascript - 如何最小化百度echarts周围的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28065844/

相关文章:

javascript - 编写 jQuery 函数的更有效方式

javascript - 爆炸谷歌饼图中的 'other' 切片

javascript - ECharts-如何显示带有 3 行图例的水平滚动条,如果项目不适合 3 行则滚动

javascript - 多次查找数组中相同元素的索引

javascript - 来自另一个模块所需的模块的node.js proxyquire stub 异步函数

Vba - 为什么 xlHistogram 不起作用?

javascript - 在 Google 图表中循环数据

javascript - 如何使用 ECharts 创建预测图表

javascript - Echarts:绘制信号的方差

javascript - 如何在CHROME中的选择框选项中显示图像?