Question

我使用High-charts创建了heat-mp。但是生成的刻度线放在行的中间而不是Y轴上的行的顶部，请看下面的图像

Y轴配置

 xAxis: {
                tickmarkPlacement: 'on',
                 "tickWidth":1,
                 "tickPositions":[0,2,4,6,8,10,12,14,16,18,20,22,24],
                 categories: ['12 am', '1 am', '2 am', '3 am', '4 am', '5 am', '6 am', '7 am', '8 am', '9 am', '10 am', '11 am', 'Noon', '1 pm', '2 pm', '3 pm', '4 pm', '5 pm', '6 pm', '7 pm', '8 pm', '9 pm', '10 pm', '11 pm'],
                 "min":0,"startOnTick":false,"maxPadding":0,"endOnTick":false,"minPadding":0,


            },

请告诉我如何解决此问题。

Answer 1

您可以使用tickmarkPlacement: 'between'来获得所需的定位位置。要定位标签，您可以使用labels.y属性：

    labels: {
        y: -25
    }

实时工作示例： http://jsfiddle.net/kkulig/2q50sdbc/

API参考：

如何将热图刻度标签放在y轴顶部而不是中间

1 个答案: