highcharts 3d散点图：显示类别

我正在使用Highcharts，我希望this图表显示轴z上的类别。这是我现在有：JSFiddle highcharts 3d散点图：显示类别

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

正如你所看到我有3个类别。我希望它们以与x和y轴上的数字相同的方式显示。有任何想法吗？

来源

2014-10-08 eiKatte

看起来不像它的支持：HTTP：// forum.highcharts.com/highcharts-usage/3d-scatter-z- axis-lables-t29261/ – Mark 2014-10-08 16:33:22

事实上，不是zAxis不是真正的轴。但肯定会有一天:) – 2014-10-09 11:27:17

只需在您的配置中为每个坐标轴设置类别，并从z轴的chart.zAxis [0] .options.categories中获取它。然后，您可以获取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

输出：