Highcharts刻度间隔定位答案

【问题标题】：Highcharts tick interval positioningHighcharts刻度间隔定位
【发布时间】：2014-02-24 09:22:57
【问题描述】：

我的图表上的刻度间隔与图表线不对齐，当我增加图表的高度时发生这种情况（这是设计要求）。我已经通读并尝试了 Highcharts tick positioner info 但这并不是我想要的，是否可以定位数字的位置？他们需要向上推以对齐。

截图如下：

编辑

这是fiddle 上的代码 - 抱歉，无法在那里正常运行

我在 yAxis 设置上看不到任何会影响它的内容

yAxis: { min: 0, labels: { format: '{value}%', style: { fontSize: 26, } }, gridLineColor: '#f7a600', gridLineWidth: 2, tickInterval: tickIntervalNumber, title: { text: '' },

我认为顶部的 if 语句也不会影响它，但我可能是错的

//tick inteval variable if (total > 200) { var tickIntervalNumber = 200 / 4 } else { var tickIntervalNumber = 100 / 4 }

【问题讨论】：

如果我们能看到您的图表代码或显示问题的 jsfiddle 会有所帮助。
这些是对齐的 - 只是数字标签位于刻度线下方。您是否正在修改代码中的标签？

标签： jquery api highcharts intervals

【解决方案1】：

没有看到你的代码，我不确定这是否是问题，但你可以调整标签相对于刻度线的位置，如下所示：

yAxis: {
        labels: {
            align: 'right',
            y:0
        }
    },

“y”选项允许您相对于刻度线向上/向下移动标签。

http://api.highcharts.com/highcharts#yAxis.labels

【讨论】：

谢谢，我之前尝试过更改 yAxis 的 y 属性，但不在标签内，现在使用 y:5 进行排序