echarts纵向柱状图柱子

ECharts是一个强大的JavaScript数据可视化库，它支持创建各种图表，包括纵向柱状图（也称为直方图）。在ECharts中，纵向柱状图通常用于展示一段时间内的数据分布或比较各组数据的大小。

要在ECharts中创建一个纵向柱状图，你需要以下几个步骤：

1. **初始化图表**：

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

2. **配置选项**：
- 设置图表类型为`bar`表示柱状图。
- 定义x轴和y轴的数据，以及每个柱子的高度。

   var option = {
     xAxis: { type: 'category', data: ['A', 'B', 'C', 'D', 'E'] }, // x轴标签
     yAxis: { type: 'value' }, // y轴代表数值
     series: [
       { name: '数据', type: 'bar', data: [5, 20, 36, 10, 10] } // 柱子数据
     ]
   };

3. **渲染图表**：

   myChart.setOption(option);

4. **你可以根据需要调整颜色、样式、动画等选项，甚至添加点击事件来交互式展示数据。**