Highchart x-Axis标签显示双重日期
我在我的项目中使用highcharts,它在x轴上显示两次日期,如何删除它并在x轴上只获得1个日期。
以下是它现在的样子快照
如何摆脱双日期显示。
编辑:添加图表的选项
这些是我正在使用的选项
chart: { renderTo: divId, type: 'column' }, title: { text: chartTitle }, tooltip: { shared: true }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true, color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', style: { textShadow: '0 0 3px black, 0 0 3px black' } } } }, xAxis: { type: 'datetime', labels: { format: '{value:%Y-%m-%d}', rotation: 45, align: 'left' }, title: { text: 'Date' } }, yAxis: { min: 0, title: { text: '' }, max: 1440, stackLabels: { enabled: false } }, legend: { backgroundColor: 'rgba(211,223,181,0.6)', layout: 'vertical', align: 'left', verticalAlign: 'top', floating: true, borderWidth: 0, x: 70 }
这通常发生在同一天/周/月等内有多个日期或多个刻度时,并且格式化程序设置为仅返回日/周/月等。尝试在x-中指定tickInterval
值和dateTimeLabelFormats
对象轴选项:
xAxis: { type: 'datetime', tickInterval: 3600*1000, dateTimeLabelFormats: { second: '%Y-%m-%d
%H:%M:%S', minute: '%Y-%m-%d
%H:%M', hour: '%Y-%m-%d
%H:%M', day: '%Y-%m-%d', week: '%Y-%m-%d', month: '%Y-%m', year: '%Y' }, labels: { /*formatter: function() { console.log(this); },*/ rotation: 45, align: 'left' }, title: { text: 'Date' } }
请记住,如果您告诉图表在x轴上返回日期,并且您的tickInterval
是每小时,则该日内的所有刻度将具有相同的标签。