Highchart - пользовательские изображения для меток с использованием HTML - PullRequest
Новая
       11

Highchart - пользовательские изображения для меток с использованием HTML

0 голосов
/ 21 сентября 2018

У меня есть столбчатая диаграмма старшей диаграммы, и я пытаюсь отобразить несколько пользовательских изображений в виде меток на каждой из полос.Я пытаюсь сделать это, настроив 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

Кто-нибудь может мне помочь с этим?

1 Ответ

0 голосов
/ 21 сентября 2018

В вашем коде вместо «useHTML» используется «useHtml»;) 

useHTML: true,

JS Fiddle

...