Javascript highcharts 3d散点图:显示类别
我正在使用,我希望图表在z轴上显示类别。这就是我现在拥有的:Javascript highcharts 3d散点图:显示类别,javascript,jquery,highcharts,3d,z-axis,Javascript,Jquery,Highcharts,3d,Z Axis,我正在使用,我希望图表在z轴上显示类别。这就是我现在拥有的: 如你所见,我有3个类别。我希望它们以与x轴和y轴上的数字相同的方式显示。有什么想法吗?只需为配置中的每个轴设置类别,然后从chart.zAxis[0].options.categories中为z轴设置类别。然后,您可以获取位于this.point.x this.point.y和this.point.z中的索引,并返回包含类别名称的格式化工具提示 代码: 工具提示:{ 格式化程序:函数(){ 常量图表=this.point.series
如你所见,我有3个类别。我希望它们以与x轴和y轴上的数字相同的方式显示。有什么想法吗?只需为配置中的每个轴设置类别,然后从chart.zAxis[0].options.categories中为z轴设置类别。然后,您可以获取位于this.point.x this.point.y和this.point.z中的索引,并返回包含类别名称的格式化工具提示 代码:
工具提示:{
格式化程序:函数(){
常量图表=this.point.series.chart,
catsX=chart.xAxis[0]。类别,
catsY=chart.yAxis[0]。类别,
catsZ=chart.zAxis[0].options.categories;
返回`X:${catsX[this.point.X]}
Y:${catsY[this.point.Y]}
Z:${catsZ[this.point.Z]}`;
}
},
实例:
Api参考:
输出:
看起来它不受支持:事实上,对不对zAxis不是真正的axis。但肯定有一天会的:)
zAxis: {
min: 1,
max: 3,
categories: ['Apples', 'Bananas', 'Oranges'],
minorTickInterval: 1,
title: 'source'
},
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]}`;
}
},