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

Question

我已经使用百度的eCharts 3建立了一个堆叠的条形图，但图例总是重叠的图形。我想要做的是把图向左移动，这样图例就有足够的空间，不会重叠图，但我找不到解决方案。这是我现在的图表

​

Answer 1

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

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

只是腾出了足够的空间来放置传奇而没有重叠。

Answer 2

我工作在角度，我解决了它通过将图表分成两个部分，一个是一个组件，我画的图例，我自己画，一个是绘制饼只使用echarts。这两个组件都包含在一个父组件下面，该父组件具有display: flex，其中有flex:1，用于饼子组件。这解决了我的反应能力问题。