1

我已经做了很多研究，但我不确定我错过了什么。我有一个从 mysql 数据库构建的图表，并且我有一个日期被拉入以显示在 x 轴上。但是我希望日期不仅格式不同，我希望它在图表宽度发生类似变化时自动缩放......

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/type-datetime/

当您缩小屏幕时，图表会分别自动缩小 x 轴（即仅显示 2 天的刻度间隔而不是 1），日期也显示为 1.Jan 2.Jan 3.Jan。

在我的图表中，日期自动格式化为月-日-年，这绝对令人困惑。它还显示每天的每个刻度，这使 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 中转换为毫秒后，我设法让工具提示识别它是日期格式，但是我无法从中获取内置的 dateTimeLabelFormats 函数highcharts 因此，如果有人对如何使其工作有任何建议，将不胜感激。显示设置为上个月的天数。

我将尝试在小提琴中重建，但从未使用过该工具。对highcharts非常陌生。

4

1 回答 1

1

所以事实证明，我的问题实际上是我通过 json 引入数据，并且需要以非常具体的方式形成 highcharts 的日期。它需要形成的方式在下面的这篇文章中得到了很好的阐述

ajax/json 和 PHP 的 Highcharts 数据系列问题

我仍然没有找到如何为日期进行自动缩放，但这是两个问题中较大的一个。希望这对人们有所帮助。

于 2013-06-07T12:49:16.860 回答