Добавление интерактивного пузыря в высокие чарты

Question

Есть ли способ добавить интерактивные пузырьки в highchart ?Я использую многоосный линейный график и хочу показать пузырь / значок выше определенной точки X.Пузырь показывает количество агрегированных системных событий и перехватывает любые клики.

Answer 1

Самое простое решение - добавить дополнительную серию bubble, например:

series: [{
    ...
}, {
    type: 'bubble',
    tooltip: {
        pointFormat: '{point.customValue}'
    },
    minSize: 20,
    maxSize: 20,
    keys: ['x', 'y', 'customValue'],
    dataLabels: {
        enabled: true,
        formatter: function() {
            return this.point.customValue
        }
    },
    data: [
        [2, 22, 1],
        [4, 22, 20],
        [5, 22, 1]
    ]
}]

---

Демонстрационная версия: http://jsfiddle.net/BlackLabel/z14pamfy/

Справочник по API: https://api.highcharts.com/highcharts/series.bubble