问题在于,即使有空间,它也不会打印标签上的日/月/年。我想它应该自动选择使用哪种格式?
文档说:“对于日期时间轴,比例将自动调整到适当的单位。”。
Imho它没有。请参阅示例:http://jsfiddle.net/gxLc9/1/
在演示中,时间戳是指Tue,2013年4月16日21:00:00 GMT。在图表中,它只显示hh / mm / ss ...当显示例如事件的时间轴时,这并不好。如果只显示小时,分钟等,用户将不知道图表上的“点”是什么时候。
$(function () {
$('#container').highcharts({
chart: {
type: 'spline',
marginRight: 130,
marginBottom: 25
},
title: {
text: 'Test for x-axis label',
},
xAxis: {
type: "datetime",
dateTimeLabelFormats: {
second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'
}
},
yAxis: {
type: "linear",
title: {
text: 'y'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
borderWidth: 1,
borderColor: "#c0d0e0",
shadow: false,
style: {
padding: "11px"
},
formatter: function ()
{
var value = this.y;
var d = new Date(this.x);
return '<b>' + this.series.name + '</b><br/>' + d.toString() + ': ' + value;
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: [{
name: 'serie',
type: "spline",
data:[[1366146000000, 3]]
}]
});
});
此致,蒂姆。
答案 0 :(得分:2)
使用此按钮显示所需的格式:
return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%I:%M %p', this.x);
在格式中,您可以使用您想要的格式。