echarts 分类柱状图

分类柱状图是一种基于类别或类别组合的柱状图，可以用来比较不同类别之间的数据差异。在 Echarts 中，可以使用柱状图（bar）系列来绘制分类柱状图。

以下是绘制一个简单的分类柱状图的示例代码：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    xAxis: {
        type: 'category',
        data: ['苹果', '香蕉', '橙子', '草莓', '西瓜']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [10, 20, 30, 40, 50],
        type: 'bar'
    }]
};

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

在上面的示例代码中，我们指定了一个类别为水果的分类柱状图，x 轴表示水果名称，y 轴表示数量，柱状图的高度表示数量大小。通过设置 xAxis.type 为 'category'，可以让 x 轴显示为分类轴。series 中的 data 数组表示每个水果的数量，type 为 'bar' 表示绘制柱状图。