highcharts 3d散点图:显示类别

时间:2014-10-08 12:30:49

标签: javascript jquery highcharts 3d z-axis

我正在使用Highcharts,我希望this图表在z轴上显示类别。这就是我现在所拥有的:JSFiddle

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

如您所见,我有3个类别。我希望它们以与x和y轴上的数字相同的方式显示。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

只需获取配置中每个轴的设置类别,然后从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

输出: enter image description here