HighchartsJS中网格线上的标签

时间:2016-02-20 15:09:07

标签: highcharts

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

highcharts文档中没有很好地覆盖

Polar charts(以及网格上的标签)。我目前的方法是手动将标签放在正确的位置,由于我的图表的动态类别和大小,这将变得很麻烦。此外,导出图表将不再支持标签。

背景:让我们假设我在周一至周五(无周末,糟糕的选择)为俱乐部绿色,黑色和蓝色销售夜总会门票。现在,我想知道哪个俱乐部每天表现最好,以及总共售出多少张门票。因此,我想对附加的每个轴应用不同的缩放(手动操作)。我目前正在将每天的门票销售标准化为0 ... 1,这样做可以比较每一天,但是我不能将不同的标签应用到轴上。

(manually manipulated) Example of the result

1 个答案:

答案 0 :(得分:0)

一种方法可能是添加更多窗格(使用startAngle更正)和yAxes使用不同比例,因此dataLabel显示在图像中。

示例:http://jsfiddle.net/6b9m7Lvb/

问题 - 每个yAxis只能有一个窗格,每个系列只能有一个yAxis,因此系列有一个比例 - 无论什么类别。

另一种方法可能是做同样的事情,但是所有yAx都相互关联,因此所有人的比例都是相同的。接下来,可以更改轴标签和工具提示显示,以匹配您的图像。

示例:http://jsfiddle.net/6b9m7Lvb/1/