Как получить несколько данных серии в всплывающей подсказке highcharts (без потери стрелки указателя всплывающей подсказки)

Мой код сейчас выглядит так (демонстрация ниже)

Демонстрация: http://jsfiddle.net/pintu31/AcNUM/2/

tooltip: {
        formatter: function() {
            var s = [];

            $.each(this.points, function(i, point) {
                s.push('<span style="color:#D31B22;font-weight:bold;">'+ point.series.name +' : '+
                    point.y +'<span>');
            });

            return s.join(' and ');
        },
        shared: true
    },

Когда общий доступ равен false, у меня все еще есть стрелка указателя! Как показано ниже: http://jsfiddle.net/AcNUM/259/

Но когда я использую общую версию в первой демонстрации, я теряю стрелку указателя во всплывающей подсказке: < img src="https://i.stack.imgur.com/gQBZG.png" alt="введите здесь описание изображения">


javascript html css highcharts
person es3735746    schedule 12.03.2017    source источник
comment
я думаю, что это опция по умолчанию для стрелки, чтобы исчезнуть в общей опции   -  person Deep 3015    schedule 12.03.2017
comment
в яблочко. Вопрос в том, как предотвратить его исчезновение   -  person es3735746    schedule 12.03.2017

Ответы (1)


arrow_upward
0
arrow_downward

Используйте средство форматирования и определите, что должно отображаться во всплывающей подсказке. В форматере вы можете найти точку, которая имеет ту же категорию, что и точка наведения.

tooltip: {
  formatter: function (tooltip) {
    const series = this.series.chart.series.find(series => series !== this.series);
    const point = series.points.find(point => point.category === this.x);

    if (point !== undefined) {
      return tooltip.defaultFormatter.call([point.getLabelConfig(), this], tooltip);
    }
  }
},

пример: http://jsfiddle.net/AcNUM/260/

person morganfree    schedule 12.03.2017