Highcharts折線圖未顯示所有日期

Question

我有一個折線圖，它顯示一個Google Spreadsheet中的數據，日期時間數據每3到4秒更新一次，我希望該圖表僅顯示其中的一部分，例如小時。 我無法使用任何高庫存功能，因為它不支持Google Spreadsheet服務，至少我知道，並且將CSV或JSON饋入highchart不會自動更新。 再一次，據我所知。

因此，我堅持使用Highcharts折線圖，但我不希望X軸看起來如此擁擠。 看看小提琴。 http://jsfiddle.net/AYYCv/167/light/數據很少。

Highcharts.setOptions({
chart: {
    zoomType: 'x'
},
plotOptions: {
    series: {
        visible: false,
    }

},
    legend: {
    enabled: true,
    align: 'right',
    backgroundColor: '#FFFFFF',
    borderColor: 'white',
    borderWidth: 2,
    layout: 'vertical',
    verticalAlign: 'top',
    y: 100,
},
title: {
    text: 'Produccion de Energía Solar'
},
xAxis: {
    type: 'datetime'
},
yAxis: {
    title: {
        text: 'Magnitud'
    }
}

});
$('#container4').highcharts({
data: {
    googleSpreadsheetKey: '0Aj8kPfvDA7mOdHpVMDVFbktmM0E4YjFIUkVUVC1RYlE'
},
plotOptions: {
    series: {
        visible: false
    }
}
 function(chart) {
chart.series[0].show();   
});`

Answer 1

您可以增加tickInterval參數

Answer 2

像這樣更改XAxis ...它將標簽旋轉到指定的角度

xAxis: {
    type: 'datetime', labels:{rotation: -40}
  },

該鏈接有助於日期格式設置http://api.highcharts.com/highstock#xAxis.dateTimeLabelFormats