Highchart-使用html的标签自定义图像

Question

我有一个高图图表，并尝试在每个栏中显示一些自定义图像作为标签。我通过这样配置plotOptions来尝试：

plotOptions: {
        column: {
            grouping: false,
            borderWidth: 0,
            groupPadding: 0,
            dataLabels: {
                enabled: true,
                useHtml: true,
                formatter: function () {
                    var score = '<img src="../Images/Icon_VPP_5Punkte" alt="5 Punkte" >';
                    if (this.color === "#e30613") score = '<img src="../Images/Icon_VPP_1Punkt" alt="1 Punkt">Test';
                    if (this.color === "#ed8c05") score = '<img src="../Images/Icon_VPP_3Punkte" alt="3 Punkte" >';
                    console.log(score);
                    return score;
                },
                inside: 'center',
                color: 'black',
                shadow: false,
                style: {
                    textOutline: "0px contrast"
                }
            }
        }

    }

如您所见，我将useHtml设置为“ true”，并设置了一些自定义格式化程序功能，例如在这里推荐： Highchart Doc

但是不会显示图像。 JS Fiddle

有人可以帮我吗？

Answer 1

您的代码中使用的是“ useHtml”而不是“ useHTML”；）

useHTML: true,

JS Fiddle