升级到Highcharts 5.0.8后，xAxis自动标签丢弃已停止工作 [英] xAxis auto label dropping has stopped working after upgrading to Highcharts 5.0.8

问题描述

标签在Highcharts 4中看起来不错，但在升级到Highcharts 5后，我开始使用Ellipses。
$ b xAxis.label 属性看起来像这样。如果没有足够的空间让它们渲染，我有什么办法可以强制标签水平渲染并放下？我无法使用步骤：1

 标签：{
转动：0 
 
} 
  

$ b

参考：

• http://api.highcharts.com/highcharts/xAxis.labels.staggerLines

The label looks good in Highcharts 4 but after upgrading to Highcharts 5 I started to Ellipses.

The xAxis.label property looks something like this. Is there any way I can force the label to render horizontally and drop if there is not enough room for them to be rendered ? I can't use step:1

 labels: {
    rotation: 0

  }

Highcharts-4

Highcharts-5

Rotation value I'm using for different Label Angle options are below:

• Auto - I'm using autoRatate:[-10, -20, -30, -40, -50, -60, -70, -80, -90]
• -- : rotate:0 -- I've problem with this option
• /// : rotate:-45
• ||| : rotate:90
• \\ : rotate:45

解决方案

Looks like staggerLines can take care of this, but needs to be set manually.

Fiddle:

• http://jsfiddle.net/jlbriggs/a8g87gm8/14/

Reference:

• http://api.highcharts.com/highcharts/xAxis.labels.staggerLines

这篇关于升级到Highcharts 5.0.8后，xAxis自动标签丢弃已停止工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！