Javascript Highcharts折线图不显示所有日期

我有一个折线图，显示谷歌电子表格中的数据，日期时间数据每3到4秒更新一次，我希望图表只显示其中的一部分，比如小时。我不能使用任何highstocks函数，因为它不支持Google电子表格服务，至少我知道，将CSV或JSON输入highchart不会自动更新。再一次，据我所知

所以我一直在用海图折线图，但我不想让X轴看起来这么拥挤。看看小提琴。而且只有很少的数据

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();   
});`

---

像这样改变X轴。。。它将标签旋转到指定的角度

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

此链接有助于日期格式化

---

您可以增加参数

尽可能避免旋转标签。这是一个非常大的可读性问题。显示较少的标签通常更好