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