echarts 柱状图顶部显示数字

### 实现 ECharts 柱状图顶部显示数值

为了在 ECharts 的柱状图中实现在每个柱子的顶部显示具体数值，可以通过配置 `label` 属性来完成这一功能。以下是详细的设置方法：

- **启用标签显示**：通过设置 `show: true` 启用标签显示[^1]。
- **指定位置**：使用 `position: 'top'` 将标签定位到柱子的顶部。
- **自定义格式化器**：利用 `formatter: '{c}'` 来控制标签的具体展示形式，其中 `{c}` 表示当前数据项的值。

#### 完整代码实例

下面是一个完整的 JavaScript 代码片段用于创建带有顶部数值显示的柱状图：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110],
        type: 'bar',
        label: {
            show: true,
            position: 'top',
            formatter: '{c}'
        }
    }]
};

此段代码设置了 X 轴为类别轴并提供了相应类目名称；Y 轴则被设定成数值型以适应柱状图需求。最重要的是，在 `series` 配置里加入了 `label` 对象，并对其属性进行了适当调整以便于达到预期效果。