Добавьте дополнительную информацию, такую ​​как атрибут данных или идентификатор в jcharery

Question

У меня есть одно требование в тепловой карте Highcharts. По нажатию каждой ячейки я хочу получить информацию.

Я пробовал ниже код:

plotOptions: {
        series: {
            events: {
                click: function (event) {
                    var str = event.point.series.yAxis.categories[event.point.y] + ',' +
                event.point.series.xAxis.categories[event.point.x]
                    alert(str);
                }
            }
        }
    }

Это даст мне значения по осям X и Y.

Но я хотел добавить идентификатор или атрибут данных в каждую ячейку, чтобы при щелчке я получал это конкретное значение.

Любая помощь будет оценена.

Ссылка: https://jsfiddle.net/1f7L8u25/

Answer 1

Вы можете добавить больше информации, используя пользовательские атрибуты. Как это:

series: [{
  x: 0, y: 0, value: 10, customAttrib: 'Text here', customNumber:  154},
  x: 0, y: 1, value: 19, customAttrib: 'Text here', customNumber:  141},
  ...
]}

А затем вы ссылаетесь на это поле следующим образом:

plotOptions: {
  series: {
    events: {
      click: function (event) {
        var str = event.point.series.yAxis.categories[event.point.y] + ',' + event.point.series.xAxis.categories[event.point.x] + ',' + event.point.customAttrib + ',' + event.point.customNumber
        alert(str);
      }
    }
  }
},

Вот рабочий пример (нажмите на Александра, понедельник или вторник): https://jsfiddle.net/ewolden/1f7L8u25/3/