在Highcharts中对条形图系列做一个小的修改，将是创建这样一个图表的一个很好的解决方案。左侧的图像可以添加为x轴类别。例如：

(function(H) {
    H.wrap(H.seriesTypes.column.prototype, 'translate', function(proceed) {
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));

        this.points.forEach(point => {
            point.shapeArgs.height = 8;
        });
    });
})(Highcharts);

Highcharts.chart('container', {
    series: [{
        pointPadding: 0,
        groupPadding: 0,
        borderRadius: 6,
        type: 'bar',
        data: [{
                x: 0,
                y: 21,
                color: 'orange'
            },
            ...
        ]
    }],
    xAxis: {
        gridLineWidth: 1,
        lineWidth: 0,
        labels: {
            useHTML: true,
            x: 15
        },
        categories: [
            '<img src="https://www.highcharts.com/samples/graphics/sun.png">',
            ...
        ]
    }
});

现场演示：http://jsfiddle.net/BlackLabel/qotzdehL/
API引用：https://api.highcharts.com/highcharts/xAxis.labels