如上图,我生成的图表X轴之间距离太短,有没有方法让X轴刻度超过多少字符自动换行显示了,求解答我希望设置X轴刻度如下面这张图。如这张图的X轴刻度是怎么设置换行的 求了解的教下。

解决方案 »

  1.   


    var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container'
            },
            xAxis: {        
                type: 'datetime',
                labels: {
                    formatter: function() {
                        return  "<p>"+this.value+"</p>";/*这里写你的要换行的样式,可以用div p a 等标签,我这里用p标签 word-wrap:break-word;  word-break:break-all; 设置宽度可以实现强化换行,貌似不支持火狐,你也可以写个js多少字后就加个<br/>标签换行*/
                    }
                }
            },
    ......
      

  2.   

    type: 'datetime',
    这里换成你需要的类型,也可以不写默认的string类型