Помещение Z-координаты во всплывающую подсказку

Question

У меня есть три графика. Все три графика имеют одинаковые значения оси x (категория), разные значения y и одинаковое значение z (дата). Графики синхронизируются во всплывающих подсказках при наведении курсора на точку. Я хочу иметь возможность заполнить всплывающую подсказку с координатой z для каждой точки. Я не хочу построить координату z ... просто показать ее во всплывающей подсказке. Я не уверен, как это сделать, потому что есть несколько графиков с синхронизированными всплывающими подсказками.

Я сделал базовый пример c, чтобы показать, как поместить z-значение (дату) в подсказку для одного графика , https://codepen.io/austeng/pen/ZEGxWyK

Highcharts.chart('container', {
    tooltip: {
      formatter: function() {
        return 'x: ' + this.x + ', y: ' + this.y + ', z: ' + Highcharts.dateFormat('%b/%e/%Y',
          new Date(this.point.z));
      }
    },
  xAxis:{
    type: 'category'
  },
    series: [{
      data: [{
          x: 0,
          y: 0,
          z: 1564358400000
        },
        {
          x: 1,
          y: 5,
          z: 1564531200000
        },
        {
          x: 2,
          y: 2,
          z: 1564963200000
        }
      ]
    }]
  });

Это мой код для трех графиков: https://codepen.io/austeng/pen/gOppRWY

Любая помощь по расширению моего примера для одного графика к моему текущему коду из трех графиков w / syn c будет очень полезна подсказка. Спасибо.

Answer 1

Я думаю, что будет лучше достичь этого другим способом.

1. Создайте некоторую глобальную функцию, скажем, setTooltip , которая будет принимать точку как параметр.

2. Для каждой конфигурации диаграммы установите обратный вызов tooltip.pointFormatter , который возвращает вышеуказанную функцию.

   tooltip: {
      pointFormatter() {
        let point = this;
   
        return setTooltip(point)
       }
   },
   

3. Используйте функцию keys , чтобы получить значение z в точечном объекте.

API: https://api.highcharts.com/highcharts/series.line.keys

Окончательный вывод: https://jsfiddle.net/BlackLabel/sjv18rbn/