如果xAxis勾选,Highchart数据标签将出现在中间

时间:2018-10-02 08:34:25

标签: javascript jquery highcharts

请考虑以下代码:

plotOptions: {
    series: {
        label: {
            connectorAllowed: false
        },
        pointStart: 2010
    }
},

Demo 1

当xAxis类别为数字(年)时,数据标签与xAxis刻度对齐,但是当我更改类别并将其设置为某些字符串时,数据标签在xAxis刻度的中间对齐。

categories:["aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh"]

Demo 2

如何在xAxis刻度的精确顶部对齐值?

谢谢

1 个答案:

答案 0 :(得分:1)

您可以使用tickmarkPlacement: 'on'API)设置来更正此问题。 API说明:

  

仅适用于分类轴。如果on勾号位于类别的中心,如果between勾号位于类别之间。如果between为1,则默认值为tickInterval,否则为on

例如:

xAxis: {
    categories:["aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh"],
    tickmarkPlacement: 'on'
}

查看其中的this JSFiddle demonstration