Пользовательские подсказки на диаграммах Highcharts

Question

Есть ли способ сделать полностью пользовательских всплывающих подсказок на диаграммах Highcharts? Не только с другими данными или с цветной рамкой, но чтобы они выглядели иначе (например, как пузырь с изображением на нем).

Answer 1

Попробуйте это:

....

tooltip: {
                useHTML: true,
                formatter: function() { 
                    return 'here the html code';
                }
            },

Answer 2

Я использовал другой пост из другой ветки и объединил раздел useHTML вместе с ним, чтобы добавить изображение как часть каждой подсказки вверху. Я выбрал логотип BBC в верхней части ..

Итак, вы можете использовать

tooltip: {
    useHTML: true,
    formatter: function() { 
        // Use regular html syntax
        s = '<img src="" />' + 
        return s;
    }
}

Вот jsfiddle, работающий пример

Answer 3

Используя параметры / api, вы можете настроить только такие вещи, как свойства и цвета границ (см. Параметры всплывающей подсказки ).Таким образом, без редактирования источника или выхода за пределы API, нет, это невозможно.

Внутренне подсказка состоит из группы SVG, которая содержит прямоугольник с текстом внутри.Если вы хотите отредактировать источник, посмотрите в файле Chart.js строку строка 1898 .