echarts 画柱状图

ECharts是一个强大的JavaScript数据可视化库，它支持创建各种图表，包括柱状图。柱状图常用于显示各类别或时间段的数据对比。以下是使用ECharts绘制柱状图的基本步骤：

1. **引入ECharts库**：
在HTML中引入ECharts的CDN链接或者将ECharts文件添加到项目中。

<script src="https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script>

2. **初始化图表**：
创建一个`<div>`元素作为容器，并使用JavaScript设置图表的配置和数据。

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

3. **配置柱状图参数**：
定义柱状图的配置项，如标题、坐标轴、系列（数据）等。

let option = {
    title: {
        text: '柱状图示例'
    },
    xAxis: {
        data: ['类别A', '类别B', '类别C']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '数据',
        type: 'bar',
        data: [10, 20, 30]
    }]
};

4. **渲染图表**：
将配置项应用到图表上。

chart.setOption(option);

5. **更新数据或交互操作**：
如果需要动态展示数据，可以调用`setOption`方法并传入新的数据。

相关问题--:
1. ECharts如何设置柱状图的分类数据？
2. 如何添加渐变色到柱状图上？
3. ECharts如何实现柱状图的堆叠效果？