Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/242.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 datepicker-Highcharts规格Json_Javascript_Php_Json_Highcharts_Datepicker - Fatal编程技术网

Javascript datepicker-Highcharts规格Json

Javascript datepicker-Highcharts规格Json,javascript,php,json,highcharts,datepicker,Javascript,Php,Json,Highcharts,Datepicker,我试图从Jquery日期选择器的onSelect函数中获取JSON,并将其发送到Highlight。这是我的梦想,显示了我正在努力实现的目标 我不明白为什么它不能在Highcharts仪表中显示正确的数据 $(document).ready(function () { $('#datepicker').datepicker({minDate: new Date(2016, 07 - 1, 1), maxDate: 0, dateFormat: 'yy-mm-dd', onSelect: f

我试图从Jquery日期选择器的onSelect函数中获取JSON,并将其发送到Highlight。这是我的梦想,显示了我正在努力实现的目标

我不明白为什么它不能在Highcharts仪表中显示正确的数据

$(document).ready(function () {   
$('#datepicker').datepicker({minDate: new Date(2016, 07 - 1, 1), maxDate: 0, dateFormat: 'yy-mm-dd', onSelect: function(dateText, data) {
        var myDate = $(this).datepicker('getDate');
        $('#apDiv1').html($.datepicker.formatDate('DD, d', myDate));
        $('#apDiv5').html($.datepicker.formatDate('MM', myDate));
        $('#apDiv7').html($.datepicker.formatDate('yy', myDate));
        $.ajax({  
        type: "POST",   
        url: "clickdates.php",                  
        data: {choice: dateText}, 
        dataType: "json",  
        success: function(json_data) { 
          console.log(json_data)
        $('#apDiv2a').html(json_data.ampPowerP[0]).show();
        $('#apDiv2b').html(json_data.dayPowerP[0]).show(); 
        $('#apDiv6a').html(json_data.monthAmpP[0]).show();
        $('#apDiv6b').html(json_data.monthPowerP[0]).show(); 
        $('#apDiv8a').html(json_data.yearAmpP[0]).show();    
        $('#apDiv8b').html(json_data.yearPowerP[0]).show();
        $('#neon1').html(json_data.stateC[0]).show();
        $('#alarm').html(json_data.alarm[0]).show();
        $('#fault').html(json_data.fault[0]).show();

      } 
    }) 
    $(function () {
    var options = {
chart: {
    type: 'gauge',          
    renderTo: 'minVolt',
    plotBackgroundColor: null,
    plotBackgroundImage: null,
    plotBorderWidth: 0,
    plotShadow: false,          
    backgroundColor: null,      
    borderWidth: 0,

        spacingTop: 0,
        spacingLeft: 0,
        spacingRight: 0,
        spacingBottom: 0,


},

title: {
    text: null
},

pane: {
    startAngle: -150,
    endAngle: 150,
    background: [{
        backgroundColor: {
            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
            stops: [
                [0, '#FFF'],
                [1, '#333']
            ]
        },
        borderWidth: 0,
        outerRadius: '109%'
    }, {
        backgroundColor: {
            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
            stops: [
                [0, '#333'],
                [1, '#FFF']
            ]
        },
        borderWidth: 1,
        outerRadius: '107%'
    }, {
        // default background
    }, {
        backgroundColor: '#DDD',
        borderWidth: 0,
        outerRadius: '105%',
        innerRadius: '103%'
    }]
},

// the value axis
yAxis: {
    min: 20,
    max: 40,

    minorTickInterval: 'auto',
    minorTickWidth: 1,
    minorTickLength: 10,
    minorTickPosition: 'inside',
    minorTickColor: '#666',

    tickPixelInterval: 20,
    tickWidth: 2,
    tickPosition: 'inside',
    tickLength: 10,
    tickColor: '#666',
    labels: {
        step: 2,
        rotation: 'auto'
    },
    title: {
        y: 20,
        text: 'Volts'
    },
    plotBands: [{
        from: 20,
        to: 22,
        color: '#DF5353' // red
    }, {
        from: 22,
        to: 23,
        color: '#FFFF00' // yellow
    }, {
        from: 23,
        to: 30,
        color: '#55BF3B' // green
    }, {
        from: 30,
        to: 40,
        color: '#DF5353' // red
    }]
},       credits: {
     enabled:false,
},

series: [{
    name: 'gauge1',
     data: [],
  tooltip: {
    enabled: false
},
}]    
}; 
   $.ajax({
    url: "clickdates.php",
    data: {choice: data}, 
    type:'get',
    dataType: "json",
    cache: false,

    success: function(data){
        options.series[0].data = data.gauge1;
        var chart = new Highcharts.Chart(options);          
    }
});
}); 

}});

}); 
这是输出{“gauge1”:[24.2]}


我不是计算机程序员。只是一个简单的DIY类型的个人尝试做自己的事情

我发现了我的错误

与JSON相关的是PHP。当我应该使用$\u GET时,我正在使用$\u POST

这是我所拥有的

$choice = isset($_POST['choice']) ? date("Y-m-d",strtotime($_POST['choice'])) : date("Y-m-d");
当它应该是

$choice = isset($_GET['choice']) ? date("Y-m-d",strtotime($_GET['choice'])) : date("Y-m-d");
只需简单地更改帖子即可获得,一切正常

几周的挫折,然后当事情最终成功。。。这是一种多么美妙的感觉,一个从我脸上摔下来的教训,从每次失败中以更坚定的决心读更多的书。太好了


艾伦

我不是电脑程序员。只是一个简单的DIY类型的个人尝试做自己的事情

我发现了我的错误

与JSON相关的是PHP。当我应该使用$\u GET时,我正在使用$\u POST

这是我所拥有的

$choice = isset($_POST['choice']) ? date("Y-m-d",strtotime($_POST['choice'])) : date("Y-m-d");
当它应该是

$choice = isset($_GET['choice']) ? date("Y-m-d",strtotime($_GET['choice'])) : date("Y-m-d");
只需简单地更改帖子即可获得,一切正常

几周的挫折,然后当事情最终成功。。。这是一种多么美妙的感觉,一个从我脸上摔下来的教训,从每次失败中以更坚定的决心读更多的书。太好了

艾伦