1. 程式人生 > >HightChart 圖表時間軸顯示不全

HightChart 圖表時間軸顯示不全

時間軸使用時間時,由於時間比較長在x軸上顯示不全

為了實現以上效果我們只需要設計兩個地方即可

1、留足夠距離

chart: {
                renderTo: 'container',
                type: 'line',
                marginRight: 130,
                marginBottom: 100  //將圖表具體底部的間距設定大一點了,保證足夠顯示
            },

2、將時間顯示設定成縱向的

 xAxis: {
                labels: { //x軸上對應刻度值或刻度類別的label標籤屬性設定

                    rotation:-90,//label標籤與x軸的角度,x軸為0度角,順時針計算}


                    style: {
                        fontSize: '8px'},
                },

OK 了,就這個簡單,比網路上的其他方式簡單多了