避免 eCharts 中的图例重叠条形图

Question

我使用百度的eCharts 3 构建了堆叠条形图，但图例总是与图重叠。我想做的是将图表向左移动，这样图例就足够 space 并且不会与图表重叠，但我找不到解决方案。 这是我现在的图表

Answer 1

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

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

刚好 space 放置图例而不重叠。

Answer 2

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