2017-04-06 43 views
0

在yAxis上使用Highcharts和类别时,如何让类别标签显示在类别/泳道底部而不是中间?寻找像verticalAlign: 'bottom'Highcharts categories将yAxis.labels.y调整到泳道底部

this example我试图调整yAxis.labels.y值(它导致其移动),但因为蜱&标签使用类别当在类别/泳道的中部开始,偏移进行调整,由于是不知道的类似一个可变的图表大小和数量的类别。

yAxis: { 
    labels: { 
    align: 'left', 
    x: 0, 
    y: -2 
    } 
} 

,关于y轴使用类别,但目前不坐在正确的位置,如果你添加/删除类别上面的例子中Here is a slightly modified version。想知道如果一个更好的想法可能是完全隐藏yAxis标签并改为使用标记带来处理泳道和标签。

回答

0

保留yAxis.labels.y偏移量,但将yAxis.tickmarkPlacement设置为'on'。它只会影响分类的轴,但会使标签与网格线一致。

yAxis: { 
     categories: ['Category Named A', 'Category Named B', 'Category Named C', 'Category Named D', 'Category Named E', 'Category Named F', 'Category Named G', 'Category Named H'], 
    labels: { 
     align: 'left', 
     x: 0, 
     y: -2, 
    }, 
    tickmarkPlacement: 'on' 
}, 

与类别例如:http://jsfiddle.net/kcn9tse8/

例如W/O类:http://jsfiddle.net/kcn9tse8/1/

+0

谢谢你 - 这不是一个坏的解决方案在所有 - 但它确实导致个体标记不再是在车道的中心。我希望只调整标签的位置,以防止标签显示在标签的顶部,就像他们在上述示例中的第一个数据点中所做的一样。我会把这个开放时间稍微延长一点,看看是否有其他事情会被激化。再次感谢! – wphampton

相关问题