Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highxaxis格式问题_Javascript_Highcharts_Formatting - Fatal编程技术网

Javascript Highxaxis格式问题

Javascript Highxaxis格式问题,javascript,highcharts,formatting,Javascript,Highcharts,Formatting,我已经面对这个问题有一段时间了,也找到了解决办法,但显然,同样的问题又出现了 因此,我的可视化有几个下拉列表和一个图表(highcharts.js),它根据下拉选择动态变化 Xaxis-日期和yaxis-度量值和年环比值(柱状图和折线图) 有一个下拉列表,即“每日”和“每小时”,它与我的后端同步 每日数据为14天,每小时数据为14*24小时 因此,使用我在这里使用的代码,Xaxis对于显示14天(条形)的每日部分来说是正确的 但对于每小时,xaxis会变得混乱,它将每小时计算为一天,因此会显示1

我已经面对这个问题有一段时间了,也找到了解决办法,但显然,同样的问题又出现了

因此,我的可视化有几个下拉列表和一个图表(highcharts.js),它根据下拉选择动态变化 Xaxis-日期和yaxis-度量值和年环比值(柱状图和折线图)

有一个下拉列表,即“每日”和“每小时”,它与我的后端同步 每日数据为14天,每小时数据为14*24小时

因此,使用我在这里使用的代码,Xaxis对于显示14天(条形)的每日部分来说是正确的 但对于每小时,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之后,仍然会再次得到错误的图形

我真的无法理解这一点,如果所有的东西(处理过的json,其他的等等)都完全一样,为什么我会再次遇到这个问题? 有人能提出另一种方法或告诉我我做错了什么吗

编辑:


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

如果它对一个图表有效,但对第二个图表无效,那么AJAX响应可能不同?关于滴答声-用于更改逻辑,然后用于在滴答声上使用特定格式。是的,这可以解决问题,但我必须编写与日期相关的特定代码。我在tickPositioner中尝试了几个例子,但仍然没有得到我需要的结果。你能帮我吗?另外,我不明白AJAX响应是如何在这里发挥作用的。你能详细说明一下吗?我想我解决了这个问题,问题在其他地方!无论如何,谢谢。要调用AJAX,请使用-在此之后,您可以调用AJAX并为系列设置新数据。