Question

我做了很多研究，我不确定我缺少什么。我有一个从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，所以如果有人建议如何让它工作，将不胜感激。显示集是上个月的天数。

我会尝试在小提琴中重建，但从未使用过该工具。非常新的高级图表。

Answer 1

事实证明我的问题实际上是我通过json引入数据，并且需要以非常具体的方式形成高图的日期。它需要形成的方式在下面的帖子中很好地阐述了

Highcharts data series issue with ajax/json and PHP

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

Highcharts - x轴和自动缩放的格式化日期（来自mysql的数据）

1 个答案: