Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.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/1/php/267.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 AmChart显示错误的值或不需要的值_Javascript_Php_Amcharts - Fatal编程技术网

Javascript AmChart显示错误的值或不需要的值

Javascript AmChart显示错误的值或不需要的值,javascript,php,amcharts,Javascript,Php,Amcharts,如何更改或编辑图表中的12:00?不需要,也占用了很多空间,我尝试了所有我能做的方法,但没有放弃,我正在尝试从API,自己制作的API中获取数据来显示。请帮忙 图表js代码: <script> // Haetan data omasta APistä fetch('https://users.metropolia.fi/~noorja/WSK12021/OTIUM02-offical/OTIUM02/API/hrv.php') .then((r

如何更改或编辑图表中的12:00?不需要,也占用了很多空间,我尝试了所有我能做的方法,但没有放弃,我正在尝试从API,自己制作的API中获取数据来显示。请帮忙

图表js代码:

   <script>
    // Haetan data omasta APistä 
    fetch('https://users.metropolia.fi/~noorja/WSK12021/OTIUM02-offical/OTIUM02/API/hrv.php')
        .then((response) => {
            return response.json();
        })
        .then((data) => {
            console.log(data);
            // Themes begin
            am4core.useTheme(am4themes_animated);
            // Themes end

            // Create chart
            var chart = am4core.create("chartdiv", am4charts.XYChart);
            chart.paddingRight = 20;

            chart.data = data;
            chart.dateFormatter.inputDateFormat = "MM-dd";

            var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
            dateAxis.renderer.minGridDistance = 50;
            dateAxis.baseInterval = {
                timeUnit: "MM-dd",
                count: 1
            };

            var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
            valueAxis.tooltip.disabled = true;

            var series = chart.series.push(new am4charts.StepLineSeries());
            series.dataFields.dateX = "day";
            series.dataFields.valueY = "value";
            series.tooltipText = "{valueY.value}";
            series.strokeWidth = 3;

            chart.cursor = new am4charts.XYCursor();
            chart.cursor.xAxis = dateAxis;
            chart.cursor.fullWidthLineX = true;
            chart.cursor.lineX.strokeWidth = 0;
            chart.cursor.lineX.fill = chart.colors.getIndex(2);
            chart.cursor.lineX.fillOpacity = 0.1;

            chart.scrollbarX = new am4core.Scrollbar();

        });
</script>

//Haetan data omasta APistä
取('https://users.metropolia.fi/~noorja/WSK12021/OTIUM02 office/OTIUM02/API/hrv.php')
。然后((响应)=>{
返回response.json();
})
。然后((数据)=>{
控制台日志(数据);
//主题开始
am4core.useTheme(am4themes_动画);
//主题结束
//创建图表
var chart=am4core.create(“chartdiv”,am4charts.XYChart);
chart.paddingRight=20;
chart.data=数据;
chart.dateFormatter.inputDateFormat=“MM dd”;
var dateAxis=chart.xAxes.push(新的am4charts.dateAxis());
dateAxis.renderer.minGridDistance=50;
dateAxis.baseInterval={
时间单位:“毫米日”,
计数:1
};
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
valueAxis.tooltip.disabled=true;
var series=chart.series.push(新的am4charts.StepLineSeries());
series.dataFields.dateX=“day”;
series.dataFields.valueY=“value”;
series.tooltipText=“{valueY.value}”;
系列。冲程宽度=3;
chart.cursor=新的am4charts.XYCursor();
chart.cursor.xAxis=日期轴;
chart.cursor.fullWidthLineX=真;
chart.cursor.lineX.strokeWidth=0;
chart.cursor.lineX.fill=chart.colors.getIndex(2);
chart.cursor.lineX.fillOpacity=0.1;
chart.scrollbarX=新的am4core.Scrollbar();
});
API文件:

<?php header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8"); 

//Tästä voi käytä tietokanta ja sessioita 
 $data1 = array(
array("day"=> "04-21",
"value"=> 3),

array("day"=> "04-22",
"value"=> 4),

array("day"=> "04-23",
"value"=> 3),

array("day"=> "04-24",
"value"=> 2),

array("day"=> "04-25",
"value"=> 5),

array("day"=> "04-26",
"value"=> 2),

array("day"=> "04-27",
"value"=> 4)
 );
 echo(json_encode($data1));
  
 ?>

我试着把yyyy改成MM dd,然后加上12:00

以下是图表的照片:

尝试使用属性并删除
baseInterval
以仅在x轴上显示指定值:

dateAxis.skipEmptyPeriods = true;
//Haetan数据omasta APistä
取('https://users.metropolia.fi/~noorja/WSK12021/OTIUM02 office/OTIUM02/API/hrv.php')
。然后((响应)=>{
返回response.json();
})
。然后((数据1)=>{
//console.log(data1);
//主题开始
am4core.useTheme(am4themes_动画);
//主题结束
//创建图表
var chart=am4core.create(“chartdiv”,am4charts.XYChart);
chart.paddingRight=20;
chart.data=data1;
chart.dateFormatter.inputDateFormat=“HH:mm”;
var dateAxis=chart.xAxes.push(新的am4charts.dateAxis());
dateAxis.renderer.minGridDistance=50;
dateAxis.skipmptyperiods=true;
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
valueAxis.tooltip.disabled=true;
var series=chart.series.push(新的am4charts.StepLineSeries());
series.dataFields.dateX=“day”;
series.dataFields.valueY=“value”;
series.tooltipText=“{valueY.value}”;
系列。冲程宽度=3;
chart.cursor=新的am4charts.XYCursor();
chart.cursor.xAxis=日期轴;
chart.cursor.fullWidthLineX=真;
chart.cursor.lineX.strokeWidth=0;
chart.cursor.lineX.fill=chart.colors.getIndex(2);
chart.cursor.lineX.fillOpacity=0.1;
chart.scrollbarX=新的am4core.Scrollbar();
});


这不是昨天问过的同一个问题吗?在不同的账户下?是的,事实上,我不知道它去了,stackoverflow给了我一个错误,你不能发布问题,然后我找了它,没有找到它,但是在这里,很抱歉,但是你知道怎么处理这个吗?