echart横向柱状图

ECharts是一个强大的JavaScript数据可视化库，它支持创建各种图表，包括横向柱状图。在ECharts中，横向柱状图通常用于展示一列数据在另一列数据上的分布情况，比如对比各产品的销售额在各个区域的表现。

创建一个横向柱状图的基本步骤如下：

1. 首先，在HTML中引入ECharts库和相关的CSS样式。

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.0/echarts.min.js"></script>

2. 然后，在JavaScript中初始化图表，并设置数据和配置项，如x轴、y轴、系列等。

var chart = echarts.init(document.getElementById('main'));

// 数据
var data = {
  categories: ['区域A', '区域B', '区域C'], // 横向轴数据
  values: [10, 20, 30] // 柱子高度数据
};

// 配置项
var option = {
  type: 'bar',
  xAxis: { // 横轴设置
    data: data.categories,
    orient: 'horizontal'
  },
  yAxis: {}, // 默认配置，对于横向柱状图通常不需要自定义
  series: [
    {
      data: data.values, // 系列数据
      name: '销售额' // 标题
    }
  ]
};

chart.setOption(option);