我一直面对这个问题并找到了解决方案,但显然同样的问题再次出现
所以我的可视化有一些下拉菜单和一个图表(highcharts.js),它会根据下拉选项动态变化 Xaxis - 日期和y轴 - 公制值和YOY值(列和折线图)
有一个下拉菜单"每日"和"每小时"这与我的后端同步 对于每日 - 数据为14天,每小时为14 * 24小时
所以,在这里使用我的代码,Xaxis正确显示每天显示14天(条形图)的部分 但是对于Hourly来说,xaxis搞砸了,每小时都计算一天,因此会显示14 * 24的天数,如下图所示
所以,我已经通过在另一个标签中添加以下代码解决了这个问题:
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"请注意图表如下所示:
但是,现在我在新标签页中使用相同的代码,即使使用了与上面相同的 - min,max和pointstart,也会再次出现错误的图形。
我真的无法理解这一点,如果所有内容(processed_json,其他等)完全相同,为什么我会再次遇到此问题? 有人可以建议另一种方法或告诉我我做错了什么。
编辑:
另外,我想添加这个功能,当它放大正确的图形(第二个)时,它应该显示xaxis中的每个小时。这可行吗?如果是,怎么样?