Highcharts Xaxis格式化问题

时间:2014-07-18 08:07:18

标签: javascript highcharts formatting

我一直面对这个问题并找到了解决方案,但显然同样的问题再次出现

所以我的可视化有一些下拉菜单和一个图表(highcharts.js),它会根据下拉选项动态变化 Xaxis - 日期和y轴 - 公制值和YOY值(列和折线图)

有一个下拉菜单"每日"和"每小时"这与我的后端同步 对于每日 - 数据为14天,每小时为14 * 24小时

所以,在这里使用我的代码,Xaxis正确显示每天显示14天(条形图)的部分 但是对于Hourly来说,xaxis搞砸了,每小时都计算一天,因此会显示14 * 24的天数,如下图所示

Wrong graph - Xaxis

所以,我已经通过在另一个标签中添加以下代码解决了这个问题:

xAxis: {
            type : 'datetime',


            min : Date.UTC(new Date(processed_json[0][0]).getYear(),new Date(processed_json[0][0]).getMonth(),new Date(processed_json[0][0]).getDate()),
            max : Date.UTC(new Date(processed_json[processed_json.length - 1][0]).getYear(),new Date(processed_json[processed_json.length - 1][0]).getMonth(),new Date(processed_json[processed_json.length - 1][0]).getDate()),
            dateTimeLabelFormats : {
                second : '%H:%M',
                minute : '%H:%M',
                hour : '%H:%M',
                day : '%e %b',
                week : '%e',
                month : '%b',
                year : '%e'
                    },
plotOptions: {
            series: {
            pointStart: Date.UTC(new Date(processed_json[0][0]).getYear(),new Date(processed_json[0][0]).getMonth(),new Date(processed_json[0][0]).getDate()),
            pointInterval :  3600 * 1000, // 3600*1000 for hourly
            tickInterval :   3600 * 1000,
                }
            },

" min"," max"和" pointstart"请注意图表如下所示:

Correct Graph - Xaxis

但是,现在我在新标签页中使用相同的代码,即使使用了与上面相同的 - min,max和pointstart,也会再次出现错误的图形。

我真的无法理解这一点,如果所有内容(processed_json,其他等)完全相同,为什么我会再次遇到此问题? 有人可以建议另一种方法或告诉我我做错了什么。

编辑:

另外,我想添加这个功能,当它放大正确的图形(第二个)时,它应该显示xaxis中的每个小时。这可行吗?如果是,怎么样?

0 个答案:

没有答案