HighchartsJS中网格线上的标签

HighchartsJS中网格线上的标签,highcharts,Highcharts,我正在使用highcharts并尝试将标签添加到极坐标图的网格线,但是,我只能将标签添加到第一个轴(即笛卡尔坐标系中的y轴) 在highcharts文档中没有很好地覆盖(以及网格上的标签)。我目前的方法是手动将标签放置在正确的位置上,这将因为我的图表的类别和大小的动态数量而变得很麻烦。此外,导出图表将不再支持标签 背景:假设我在出售周一至周五(无周末,糟糕的选择)的夜总会门票,分别为绿色、黑色和蓝色夜总会。现在,我想知道哪家俱乐部每天的表现最好,以及总共售出多少张门票。因此,我想对附加的每个轴应

我正在使用highcharts并尝试将标签添加到极坐标图的网格线,但是,我只能将标签添加到第一个轴(即笛卡尔坐标系中的y轴)

在highcharts文档中没有很好地覆盖(以及网格上的标签)。我目前的方法是手动将标签放置在正确的位置上,这将因为我的图表的类别和大小的动态数量而变得很麻烦。此外,导出图表将不再支持标签

背景:假设我在出售周一至周五(无周末,糟糕的选择)的夜总会门票,分别为绿色、黑色和蓝色夜总会。现在,我想知道哪家俱乐部每天的表现最好,以及总共售出多少张门票。因此,我想对附加的每个轴应用不同的缩放(手动操作)。目前,我正在将每天的票务销售标准化为0…1,这就完成了比较每一天的工作,但我无法将不同的标签应用于轴


一种方法可能是添加更多的窗格(带有
startAngle
校正)和具有不同比例的雅克斯,以便数据标签显示在图像中

例如:

问题-每个yAxis只能有一个窗格,每个系列只能有一个yAxis,所以一个系列只有一个刻度-无论是什么类别

另一种方法是做同样的事情,但是让所有的雅克斯相互链接,所以所有雅克斯的比例都是一样的。接下来,可以更改轴标签和工具提示显示,以匹配图像


示例:

一种方法可能是添加更多的窗格(带有
startAngle
correction)和具有不同比例的雅克斯,以便数据标签显示在图像中

例如:

问题-每个yAxis只能有一个窗格,每个系列只能有一个yAxis,所以一个系列只有一个刻度-无论是什么类别

另一种方法是做同样的事情,但是让所有的雅克斯相互链接,所以所有雅克斯的比例都是一样的。接下来,可以更改轴标签和工具提示显示,以匹配图像


示例:

您如何知道哪些轴标签与此处的哪个系列相关?是否只希望每个y轴的标签显示在从原点到日期标签的一条线旁边?您有示例代码吗?轴标签不需要与系列(颜色)相关,而需要与轴(工作日)相关。不幸的是,我没有上面示例的代码,因为它只是经过Photoshop处理以显示我想要实现的目标。解决方案可以是一个选项参数,如
gridLabels:function(value,axis){return value*scaleFactors[axis];}
。另外,我知道它不存在。您是否考虑过使用带有禁用标记但仅启用数据标签的散布序列?然后,您可以将该散布的
enableMouseTracking
设置为false,它的行为将类似于轴标签。这是一种聪明的方法。听起来是迄今为止我遇到的最好的主意。谢谢您如何知道哪些轴标签与此处的哪个系列相关?是否只希望每个y轴的标签显示在从原点到日期标签的一条线旁边?您有示例代码吗?轴标签不需要与系列(颜色)相关,而需要与轴(工作日)相关。不幸的是,我没有上面示例的代码,因为它只是经过Photoshop处理以显示我想要实现的目标。解决方案可以是一个选项参数,如
gridLabels:function(value,axis){return value*scaleFactors[axis];}
。另外,我知道它不存在。您是否考虑过使用带有禁用标记但仅启用数据标签的散布序列?然后,您可以将该散布的
enableMouseTracking
设置为false,它的行为将类似于轴标签。这是一种聪明的方法。听起来是迄今为止我遇到的最好的主意。谢谢