我已经做了相当多的研究,我不确定我错过了什么。我有一个图表,从mysql数据库构造,我有一个日期被拉在x轴上显示。但是,我不仅希望日期的格式不同,还希望它在图表宽度发生变化时自动缩放,类似于....
http://jsfiddle.net/gh/get/jquery/1.7.2/hililide-software/highcharts.com/tree/master/samples/highcharts/xaxis/type-datetime/当你收缩屏幕时,图表自动分别缩放x轴(即,只显示2天的刻度间隔而不是1),日期也显示为1。1月2。1月3. 1月。
在我的图表中,日期被自动格式化为月-日-年,这绝对是令人困惑的。它还显示每一天的每一个刻度,这使x轴混乱。
这是我有什么,它似乎不工作....
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'line',
},
title: {
text: 'Instance Types per Customer'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%m-%d'
},
tickInterval: 24 * 3600 * 1000
},
yAxis: {
title: {
text: 'Cost ($)'
},
},
series: [{
}]
}
我设法让这个工作,而不是dateTimeLabelFormats
labels: {
formatter: function() {
var displayDate = Highcharts.dateFormat('%m/%d', this.value);
return displayDate;
}
}
我的第一个问题是日期没有以毫秒为单位格式化,在data.php中转换为毫秒后,我设法让工具提示识别它是日期格式,但是我没能从highcharts中获得内置的dateTimeLabelFormats功能,所以如果有人有关于如何让它工作的建议,我会很感激。显示的是上个月的天数。
我将尝试重建小提琴,但从未使用过的工具。对海图很陌生。
所以事实证明我的问题实际上是我通过json引入数据,highcharts的日期需要以非常具体的方式形成。下面这篇文章
很好地展示了它需要形成的方式。Highcharts数据系列问题与ajax/json和PHP
我仍然没有发现如何为日期进行自动缩放,但这是两个问题中较大的一个。希望这对大家有所帮助。