echarts 柱状图 样式 修改 横改竖

要将 echarts 的柱状图从横向改为竖向，可以通过修改 xAxis 和 yAxis 的 type 属性来实现。

具体步骤如下：

1. 将 xAxis 的 type 属性从 'category' 改为 'value'，表示 x 轴的数据类型为数值型。

2. 将 yAxis 的 type 属性从 'value' 改为 'category'，表示 y 轴的数据类型为分类型。

3. 将 series 的数据项中 x 和 y 的值对调，即原本 x 值对应的数据改为 y 值对应的数据，y 值对应的数据改为 x 值对应的数据。

4. 修改 xAxis 和 yAxis 的名称和样式，使其符合需求。

下面是一个示例代码：

option = {
  xAxis: {
    type: 'value',
    name: '销量'
  },
  yAxis: {
    type: 'category',
    name: '商品'
  },
  series: [{
    type: 'bar',
    data: [
      {value: 20, name: '商品1'},
      {value: 50, name: '商品2'},
      {value: 30, name: '商品3'},
      {value: 70, name: '商品4'},
      {value: 10, name: '商品5'}
    ],
    label: {
      show: true,
      position: 'right',
      formatter: '{c}'
    }
  }]
};

这样就可以将 echarts 的柱状图从横向改为竖向了。