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

Question

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

Answer 1

我刚刚解决了！要处理图表的空间，您必须调整网格。环境

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

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

Answer 2

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