echarts 多柱状图双轴数据对齐

你可以通过以下步骤将echarts多柱状图双轴数据对齐:
1. 首先，设置左右Y轴的最大值为自适应的值，使其能够一直分为6段。你可以使用以下代码来实现：

{
  min: 0,
  max: val => {
    const { max } = val;
    const times = max / 6; // 倍数
    const maxMap = [1, 2, 3, 5, 10, 20, 30];
    const resultMax = maxMap.find(v => v > times);
    return resultMax * 6;
  },
}

2. 其次，对于右侧Y轴的第一段间隔，你可以将其设置为90而不是默认的5。这可以通过在对应的配置项中设置interval: 90来实现。

相关问题

echarts柱状图多组数据

echarts柱状图可以显示多组数据。你可以使用echarts的xAxis配置项来设置横坐标的数据，然后使用series配置项中的data属性来设置对应的纵坐标数据。每组数据可以在series配置项中通过多个对象来表示，例如：

option = {
    xAxis: {
        type: 'category',
        data: ['数据一', '数据二', '数据三'] // 横坐标数据
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '组一',
            type: 'bar',
            data: [10, 20, 30] // 组一的纵坐标数据
        },
        {
            name: '组二',
            type: 'bar',
            data: [15, 25, 35] // 组二的纵坐标数据
        }
    ]
};

这样，echarts柱状图就可以同时展示多组数据了。

echarts 多层柱状图

ECharts可以通过设置多个柱状图系列来实现多层柱状图。每个系列可以代表一个层级，通过设置不同的x轴和y轴数据来实现。

首先，你需要创建一个基本的柱状图模板，然后根据你的需求设置多个柱状图系列。以下是一个实现多层柱状图的示例代码：

// 创建一个基本柱状图模板
var option = {
    xAxis: {},
    yAxis: {},
    series: []
};

// 设置多个柱状图系列
option.series.push({
    type: 'bar',
    data: [10, 20, 30, 40 // 每个系列的数据
});

option.series.push({
    type: 'bar',
    data: [20, 30, 40, 50 // 每个系列的数据
});

// 设置其他配置项和样式
option.xAxis.data = ['A', 'B', 'C', 'D']; // x轴数据
option.yAxis.name = 'Value'; // y轴名称
option.yAxis.type = 'value'; // y轴类型

// 将以上配置应用到echarts实例中
myChart.setOption(option);

通过设置不同的series数组元素，每个元素代表一个柱状图系列，你可以实现多层柱状图效果。在每个系列中，你可以设置不同的数据来展示不同层级的柱状图。

请注意，以上示例代码仅为演示多层柱状图的基本思路，具体的数据和样式设置需要根据你的实际需求进行调整。