echarts柱状图柱子连线

你可以使用 ECharts 提供的柱状图（Bar chart）和折线图（Line chart）组合来实现柱子连线效果。下面是一个简单的示例代码：

// 引入 ECharts
import * as echarts from 'echarts';

// 创建图表实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置项
var option = {
    // 柱状图配置
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E', 'F'],
        axisLabel: {
            show: true,
            color: '#333'
        }
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            show: true,
            color: '#333'
        }
    },
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50, 60],
        itemStyle: {
            color: '#409EFF'
        }
    }],
    // 折线图配置
    series: [{
        type: 'line',
        data: [10, 20, 30, 40, 50, 60],
        lineStyle: {
            color: '#67C23A',
            width: 2
        },
        itemStyle: {
            color: '#67C23A'
        }
    }]
};

// 连线配置
option.series.push({
    type: 'line',
    data: [10, 20, 30, 40, 50, 60],
    lineStyle: {
        color: '#F56C6C',
        width: 2
    },
    itemStyle: {
        color: '#F56C6C'
    },
    markLine: {
        data: [{
            type: 'average',
            name: '平均值'
        }]
    }
});

// 使用配置项显示图表
myChart.setOption(option);

上述示例代码中，我们先创建了一个柱状图，然后再添加了一个折线图，最后通过 `markLine` 属性来设置柱子之间的连线效果。你可以根据自己的需求调整配置项中的数据和样式。