Question

我是Highcharts.js的新手，我尝试做的是一个柱形图，其中类别标签在x-Axis上可见。设置我的highcharts对象以将类别显示为标签没有问题，但我仍然无法将这些标签对齐，而不是让它们居中于两个刻度线之间。该物业＆＃39;对齐＆＃39;如果我在xAxes上看到的标签是我的类别，则应用于xAxis标签不起作用。有没有办法做到这一点？这是我的图表：

$(function () { 
    $('#histogram').highcharts({
        chart: {
            type: 'column'
        },
        series: [{
            data: [5,14,17,9,0,1,1,1,0,1,0,0,0]
        }],
        xAxis: {
            categories: [0.7,0.85,1,1.2,1.3,1.5,1.6,1.8,1.9,2.1,2.2,2.4],
            labels: {
                align:'right',
                rotation:'-45'
            }
        }
    });
});

Answer 1

检查以下选项tickmarkPlacement： http://api.highcharts.com/highcharts#xAxis.tickmarkPlacement

tickmarkPlacement：String仅适用于分类轴。如果开启则勾选如果在刻度线之间，则标记位于类别的中心放在类别之间。 默认值介于之间 tickInterval是1，否则打开。默认为null。

检查代码jsfiddle：

    xAxis: {
        categories: [0.7,0.85,1,1.2,1.3,1.5,1.6,1.8,1.9,2.1,2.2,2.4],
        labels: {
            align:'right',
            rotation:'-45'
        },
         tickmarkPlacement:'on',
    }

如何在Highcharts.js中对齐xAxes上的类别标签

1 个答案: