echarts让 toolbox出现在legend的上方

可以通过设置 echarts 的 grid 属性来实现让 toolbox 出现在 legend 的上方。

具体做法如下：

1. 在 echarts 的 option 对象中，找到 grid 属性，设置其 top 属性为一个较大的值，如 "80"。

option = {
  ...
  grid: {
    top: 80
  },
  ...
}

2. 找到 toolbox 属性，设置其 feature 属性中的 saveAsImage、dataZoom、dataView、restore、magicType 等属性的 show 属性为 true。

option = {
  ...
  toolbox: {
    feature: {
      saveAsImage: {
        show: true
      },
      dataZoom: {
        show: true
      },
      dataView: {
        show: true
      },
      restore: {
        show: true
      },
      magicType: {
        show: true
      }
    }
  },
  ...
}

3. 找到 legend 属性，设置其 bottom 属性为 "0"，并设置其 padding 属性为 "[0, 50, 0, 0]"。

option = {
  ...
  legend: {
    bottom: 0,
    padding: [0, 50, 0, 0]
  },
  ...
}

4. 最后，重新渲染 echarts 图表即可。

myChart.setOption(option);