避免在eCharts中使用图例重叠条形图

Question

我使用百度的eCharts 3来构建堆积条形图，但图例总是与图形重叠。我想要做的是将图形向左移动，以便图例有足够的空间并且不会重叠图形但我无法找到解决方案。 这是我的图表

Answer 1

我刚解决了！ 要处理图形的空间，您必须调整网格。设置

myChart.setOption({
    grid: { 
    right: '17%'
     }
    });

只需留出足够的空间放置图例而不重叠它。

Answer 2

我在angularar工作，我通过将图表分成2个组件来解决它，一个是我自己绘制图例的组件，一个是仅使用echarts绘制饼图。两者都包含在具有 display: flex 的父组件下，其中我有 flex-grow: 1 用于饼子组件。这为我解决了响应问题。