echarts正负柱状图在柱中间显示文字

在ECharts中创建正负柱状图并在每个柱子的中部添加文字，可以利用其自定义系列（custom series）的功能结合`dataLabels`属性来实现。数据标签（data labels）允许你在图表的各个数据点上显示文本。

以下是基本步骤：

1. 首先，安装ECharts库并引入相关的模块：

import * as echarts from 'echarts';

2. 创建一个配置对象，设置柱状图的基本信息和数据，以及数据标签的相关选项：

const option = {
    xAxis: { // x轴配置
        data: ['类别A', '类别B', '类别C'] // 柱子的标签
    },
    yAxis: { // y轴配置
        type: 'value' // 正负值
    },
    series: [
        {
            name: '数值',
            type: 'bar', // 柱状图
            data: [10, -5, 15], // 每个类别的数值
            dataLabels: { // 文字标签
                show: true, // 显示标签
                position: 'inside', // 展示位置：内部居中
                formatter: '{value} （{name}）', // 格式化文本，包含值和类别名
                color: '#000', // 文本颜色
                offset: [0, -5] // 文字相对于柱子中心的位置偏移量
            }
        }
    ]
};

3. 使用ECharts实例渲染图表：

const chart = echarts.init(document.getElementById('main')); // 获取容器元素
chart.setOption(option);
chart.show(); // 显示图表