echarts套娃柱状图的一个柱状图在另一个的中间，2柱状图宽度不同，列出代码

以下是一个简单的例子，展示了如何在echarts中创建两个宽度不同的柱状图，其中一个柱状图位于另一个柱状图的中间：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('myChart'));

// 配置项
var option = {
  // x轴数据
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E', 'F']
  },
  // y轴数据
  yAxis: {
    type: 'value'
  },
  // 第一个柱状图的配置
  series: [{
    name: 'Series 1',
    type: 'bar',
    data: [100, 200, 300, 400, 500, 600],
    // 柱状图宽度
    barWidth: 30,
    // 柱状图位置
    itemStyle: {
      normal: {
        barBorderRadius: [30, 30, 0, 0],
        color: '#FFA07A'
      }
    }
  },
  // 第二个柱状图的配置
  {
    name: 'Series 2',
    type: 'bar',
    data: [50, 150, 250, 350, 450, 550],
    // 柱状图宽度
    barWidth: 60,
    // 柱状图位置
    itemStyle: {
      normal: {
        barBorderRadius: [30, 30, 0, 0],
        color: '#87CEFA'
      }
    }
  }]
};

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

在这个例子中，第一个柱状图的宽度为30，第二个柱状图的宽度为60。通过`itemStyle`属性，我们可以定义柱状图的样式和位置。通过`barBorderRadius`属性，我们将柱状图的边角设为圆形，使其看起来更美观。最终，我们将两个柱状图的颜色分别设置为橙色和淡蓝色，以便更好地区分它们。