Highcharts JS:X轴标签之间的差距太小

时间:2015-09-30 09:37:58

标签: javascript css datetime types highcharts

当我缩放窗口大小并且可以显示更多标签时,X轴中的标签之间的间隙很小。 Highcharts引擎计算间隙并在不同的断点处设置零间隙。标签相互接触,对于这个问题,我需要一个解决方案。

  

我正在测试它并且旋转90度不是问题。

type: 'datetime',
labels: {
    rotation: -90
}

现场直播: jsfiddle.net/k5ckfh76/

2 个答案:

答案 0 :(得分:1)

labels: {
    style: {
        color: 'blue'
    },
    rotation: 90,
    staggerLines: 2
}

答案 1 :(得分:0)

使用类别将轴的类型设置为for ($j = 0; $j < $count; ++$j) { $data = array(); $data['id'] = $var[$j]['id']; $data['name'] = $var[$j]['name']; print_r($data); }} ,但是您将轴的类型设置为category - 它不能同时为两者。使用时间时,建议使用datetime,而不是datetime

使用category轴类型时,可以设置datetime - 以防止标签彼此靠得太近。

示例:http://jsfiddle.net/k5ckfh76/1/

API reference for tickPixelInterval