Echart 的柱状图图 怎么调整图表的大小？

Question

求熟悉Echart的老司机来帮忙...

现在有一个需求是做成下面这样子，左面是饼图，右边是柱状图，

这两个组件的图表下面都加了title（标题），现在要求在不同屏幕下这两个组件的图表是保持平行的。

由于饼图设置了radius百分比， 而柱状图没有百分比，所以在大屏幕下会出现右边比左面大的情况，请问那个柱状图的图表能不能单独调整百分比大小？ 由于title也要平行，所以不想直接改div的小..有没有什么好的解决方法呢？

Answer 1

series[i]-bar.barWidth number, string
[ default: 自适应 ]
柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。
在同一坐标系上，此属性会被多个 'bar' 系列共享。此属性应设置于此坐标系中最后一个 'bar' 系列上才会生效，并且是对此坐标系中所有 'bar' 系列生效。
参考链接

Answer 2

grid.top
grid.bottom
title.top
title.bottom
都支持百分比，可以解决你的需求
文档里都有……