Echarts可视化教程（二）——柱状图的绘制

ECharts是一个强大的JavaScript图表库，用于创建各种类型的可视化图表，包括柱状图。以下是使用ECharts绘制柱状图的基本步骤：

1. **引入库**：首先需要在HTML文件中引入ECharts的CDN链接或者下载到本地并引入。

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

2. **初始化图表**：在JavaScript中创建一个ECharts实例，并设置图表容器ID。

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

3. **配置数据**：创建一个包含系列（series）的数据对象，柱状图通常由`bar`系列表示，包含`xAxis`（横坐标，如类别）、`yAxis`（纵坐标，值）以及`data`数组（每个元素对应一个柱子的高度）。

var data = [120, 200, 150, 80, 70];

4. **配置选项**：定义柱状图的样式、标签、标题等。例如：

var option = {
    title: {
        text: '柱状图示例'
    },
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {},
    series: [{
        name: '数值',
        type: 'bar',
        data: data
    }]
};

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

myChart.setOption(option);