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

Question

Я создал график рассеяния следующим образом:

$(function() {
  $('#container').highcharts({

    tooltip: {
      formatter: function() {
        return 'x: ' + this.x + ', y: ' + this.y + ', z: ' + this.point.z;
      }
    },
    series: [{
      type: 'scatter',
      data: [
        [1, 2, 3],
        [4, 5, 6],
        [7, 8, 9]
      ]
    }]
  });
});

значение this.point.z не отображается во всплывающей подсказке. Может кто-нибудь помочь, пожалуйста?

Answer 1

Вы также можете использовать опцию keys:

    series: [{
        keys: ['x', 'y', 'z'],
        type: 'scatter',
        data: [
            [1, 2, 3],
            [4, 5, 6],
            [7, 8, 9]
        ]
    }]

---

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

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

Answer 2

Я вижу, что это НЕ для трехмерного графика рассеяния, потому что вы установили тип просто "scatter" вместо "scatter3d", поэтому третье значение в массиве не имеет смысла.

ЕслиВы хотите хранить какие-то пользовательские данные, вместо этого вам нужно использовать объекты, например, вместо [1,2,3] вы можете использовать {x: 1, y: 2, myData: 3}, а затем во всплывающей подсказкепокажи myData, ты бы использовал эту точку. options .myData

Надеюсь, это поможет.