echarts将series放在图下面

要将 ECharts 中的 series 放在图下面，可以通过设置 grid 组件的 bottom 属性来实现。具体来说，可以在 option 中的 grid 中设置 bottom 属性为一个较大的值，例如：

option = {
    ...,
    grid: {
        bottom: '20%'
    },
    series: [
        // series 配置项
    ]
};

这样，图表就会在底部留出一定的空间来放置 series。

相关问题

echarts横坐标放在竖线下面

您可以通过设置 `xAxis` 的 `position` 属性为 `"bottom"` 来实现将 ECharts 的横坐标放在竖线下面。以下是一个示例代码：

option = {
    xAxis: {
        type: 'category',
        position: 'bottom',  // 将横坐标放在竖线下面
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [150, 230, 224, 218, 135],
        type: 'bar'
    }]
};

// 使用指定的配置项和数据显示图表
myChart.setOption(option);

请注意，上述代码中的 `myChart` 是 ECharts 实例化之后的对象，需要根据您的实际情况进行调整。

echarts柱状图如何把toolbox的位置放在下面

要将 Echarts 的柱状图中的 toolbox 放在下面，可以设置 toolbox 的 `bottom` 属性。具体实现步骤如下：

1. 设置 `toolbox` 的 `bottom` 属性为 `0`，表示将 toolbox 放在底部。

option = {
    ...
    toolbox: {
        bottom: 0,
        ...
    },
    ...
};

2. 如果柱状图的高度比较小，可能会导致 toolbox 覆盖柱状图，此时可以通过设置 `grid` 的 `bottom` 属性来调整柱状图的位置。

option = {
    ...
    grid: {
        bottom: 60, // 调整柱状图的位置，留出足够空间放置 toolbox
        ...
    },
    ...
};

完整代码示例：

option = {
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {},
    series: [{
        type: 'bar',
        data: [5, 20, 36, 10, 10]
    }],
    grid: {
        bottom: 60 // 调整柱状图的位置，留出足够空间放置 toolbox
    },
    toolbox: {
        bottom: 0 // 将 toolbox 放在底部
    }
};

// 初始化柱状图
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);

以上代码实现了将 Echarts 的柱状图中的 toolbox 放在下面。