echarts让 toolbox出现在legend的下方

可以通过设置toolbox的位置来让它出现在legend的下方。具体做法如下：

1. 在echarts的option中添加toolbox的配置，如下所示：

option = {
  ...
  toolbox: {
    ...
    // 设置toolbox的位置
    top: 'bottom',
    right: 20,
    ...
  },
  ...
}

2. 在legend中添加selectedMode属性，使得点击legend时toolbox不会被遮盖，如下所示：

option = {
  ...
  legend: {
    ...
    // 添加selectedMode属性
    selectedMode: 'single',
    ...
  },
  ...
}

通过以上设置，toolbox就会出现在legend的下方了。

相关问题

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);

echarts让 toolbox出现在最上方

要让toolbox在最上方显示，可以通过echarts的option配置中的toolbox属性的feature属性的magicType属性来实现。具体操作如下：

1. 在option配置中的toolbox属性中添加feature属性，如下所示：

toolbox: {
    feature: {
        magicType: {
            show: true,
            title: {
                line: '切换为折线图',
                bar: '切换为柱状图'
            },
            type: ['line', 'bar']
        }
    }
}

2. 在feature属性中添加magicType属性，设置其show属性为true，表示显示该功能按钮。

3. 在magicType属性中设置title属性，用于设置切换按钮的标题。这里设置了折线图和柱状图两种类型的标题。

4. 在magicType属性中设置type属性，用于设置支持的图表类型。这里设置了支持线性图和柱状图两种类型。

通过以上操作，就可以让toolbox的magicType功能按钮在最上方显示了。