highcharts 3d диаграмма рассеяния: отображение категорий

Question

Я использую Highcharts и хотел бы this для отображения категории на оси z. Это то, что я сейчас: JSFiddle

zAxis: { 
      min: 1, 
      max: 3, 
      categories: ['Apples', 'Bananas', 'Oranges'], 
      minorTickInterval: 1, 
      title: 'source' 
     }, 

Как вы можете видеть, у меня есть 3 категории. Я бы хотел, чтобы они отображались так же, как цифры на осях x и y. Есть идеи?

Answer 1

Просто установите категории для каждой оси в вашей конфигурации и получите ее из chart.zAxis [0] .options.categories для оси z. Затем вы можете получить индексы, которые находятся в this.point.x this.point.y и this.point.z и вернуть форматированную всплывающую подсказку, содержащую имена категорий.

Код:

tooltip: { 
    formatter: function() { 
    const chart = this.point.series.chart, 
     catsX = chart.xAxis[0].categories, 
     catsY = chart.yAxis[0].categories, 
     catsZ = chart.zAxis[0].options.categories; 
    return `X: ${catsX[this.point.x]}<br/> 
     Y: ${catsY[this.point.y]}<br/> 
     Z: ${catsZ[this.point.z]}`; 
    } 
}, 

Живой пример: https://jsfiddle.net/p86a7y0g/

Api ссылка: http://api.highcharts.com/highcharts/tooltip.formatter

Выход: