我用highcharts做了曲线图  一切都还顺利但是由于数据的原因,可能导致图形展示的时候,XY轴的标尺(标题)显得很拥挤我在其他网站的类似图形中发现
(http://jiage.china.alibaba.com/price/trend/c21541-t24607-a3263-rpw-d11-03-11.html?sourceForm=%B3%F6%B3%A7%BC%DB)他们会将标尺倾斜显示  这样就从一定程度上缓解了过于拥挤而导致页面不美观的问题谁可以告诉我  如何设置标尺倾斜显示的

解决方案 »

  1.   

    很简单的,设置
    xAxis: {
            labels: {
                rotation: 90
            }
        }var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            marginBottom: 80
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            labels: {
                rotation: 90
            }
        },
        
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
      

  2.   

    http://www.highcharts.com/ref/#xAxis-labels--rotation