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

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

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

https://img1.mukewang.com/5c88c3bc0001bde908000229.jpg

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

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


繁花如伊
浏览 6129回答 2
2回答

慕斯王

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

翻阅古今

grid.topgrid.bottomtitle.toptitle.bottom都支持百分比,可以解决你的需求文档里都有……
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript