Highcharts -格式日期的x轴以及自动缩放(数据来自mysql)


Highcharts - format date for x-axis as well as autoscale (data from mysql)

我已经做了相当多的研究,我不确定我错过了什么。我有一个图表,从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

我仍然没有发现如何为日期进行自动缩放,但这是两个问题中较大的一个。希望这对大家有所帮助。