Javascript 将类别和图像放在图表中

我有以下代码：

让我知道如何在分类的开头放一张图片。如图所示

我不知道怎么办，非常感谢

我想把图片放在y轴上，把分类放在横条上。如果你能帮我，我将非常感激

   $('#container').highcharts({

    xAxis: {
        categories: [data.d[300].nomindicador, data.d[500].nomindicador, data.d[600].nomindicador,data.d[700].nomindicador, data.d[900].nomindicador],
        title: {
            text: null
        },
        labels: {

        align: 'left',
        x: 10,
        y: -20

        }

    },
    yAxis: {

        title: {
            text: 'Resultado',
             align: 'right'
        }

    },
    tooltip: {
        valueSuffix: ' dollars'
    },
    plotOptions: {
        bar: {
            dataLabels: {
                enabled: false
            }
        }
    },
    legend: {
        layout: 'vertical',
     align: 'center',
        verticalAlign: 'bottom',
        x: -40,
        y:40 ,
        floating: true,
        borderWidth: 1,
        backgroundColor: '#FFFFFF',
        shadow: true
    }

---

您可以为axis的标签定制HTML

为此，您需要启用“useHTML”属性并使用formatter将自定义HTML插入图表中

labels: {
    useHTML: true,
    formatter: function() {
        return "<div class='imageClass'>2</div>";
    },
    align: 'left',
}

标签：{
是的，
格式化程序：函数（）{
返回“2”；
},
对齐：“左”，
}

我更新你的

---

我希望这是您正在寻找的

复制的css样式，您可以看到它。我不知道怎么做。我想显示图像，标题仍然在每个栏的上方。你能用你想显示的图像更新小提琴吗？那将帮助我更好地帮助你。