Javascript 没有消息或错误id的google图表错误

正如我在标题中提到的，我在图表中得到了一个错误，但没有台面，所以我无法修复它。此外，该图表功能良好。这是一张图表。它看起来不错，图表的onhover和onclick函数也在工作

这是我的图表JS。标签可能有点奇怪，因为我把它插入stackoverflow的方式。这与示例图表几乎相同。我添加了监听器来检查窗口大小是否改变，我在页面上有几个按钮，可以为json调用提供一个查询值。最后，有一个函数可以获取$\u get变量

var clicked = false;
var nr = "";
$(function () {

        $('button[id^="chart_button"]').on('click', function (e) {
        clicked = true;
        nr = $(this).attr('id');
        drawChart();
        });

    //check window size
    if (document.addEventListener){
        window.addEventListener("resize", drawChart);
    }else if (document.attachEvent){
        window.attachEvent("onresize", drawChart);
    }else{
        window.resize = drawChart;
    }
});

function getstart(){
    if(clicked){
        return $('#'+nr).attr('value');
    }
    return $('#tabbuttongroup').children().first().attr('value');
}

google.charts.setOnLoadCallback(drawChart);

function drawChart() {
    var jsonData = $.ajax({
        dataType: "json",
        url: "modules/Forecast/models/getForecastChart.php",
        data: {
            id: getQueryVariable('record'),
            start_date: getstart()
        },
        async: false
    }).responseText;

    var mydata = $.parseJSON(jsonData);

    var data = new google.visualization.DataTable();

    data.addColumn("datetime", "Date");
    data.addColumn("number", "Actual Amount");
    data.addColumn("number", "Forecast Amount");
    data.addColumn("number", "Actual Price");
    data.addColumn("number", "Forecast Price");

    for(var i = 0; i < mydata['forecast'].length; i++){
        var datesplit = String(mydata['forecast'][i][2]).split('-');
        var date = new Date(datesplit[0], datesplit[1]-1, datesplit[2]);

        data.addRow([
            date,
            Number(mydata['actual'][i][5]),
            Number(mydata['forecast'][i][5]),
            Number(mydata['actual'][i][6]),
            Number(mydata['forecast'][i][6])
        ]);
    }

    var options = {
        bars: 'vertical',
        hAxis: {
            title: "Date",
            gridlines: {
                count: -1,
                units: {
                    days: {
                        format: ["dd MMM"]
                    }
                }
            }
        },
        vAxis: {
            format: 'decimal'
        },
        colors: ['#00AAFF', '#0088FF', '#EEDD55', '#EEBB55']
    };

    var chart = new google.charts.Bar(document.getElementById('chart_div'));
    chart.draw(data, options);
}

function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
                var pair = vars[i].split("=");
                if (pair[0] == variable) {
                        return pair[1];
                }
        }
        alert('Query Variable ' + variable + ' not found');
}

var=false；
var nr=“”；
$（函数（）{
$（'button[id^=“chart_button”]”）。在（'click'，函数（e）上{
单击=真；
nr=$（this.attr（'id'）；
图纸（）；
});
//检查窗口大小
if（文件增补列表器）{
window.addEventListener（“调整大小”，绘图图）；
}否则，如果（文件附件）{
window.attachEvent（“调整大小”，绘图图）；
}否则{
window.resize=绘图图；
}
});
函数getstart（）{
如果（单击）{
返回$（'#'+nr）.attr（'value'）；
}
返回$（'#tabbuttongroup'）.children（）.first（）.attr（'value'）；
}
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var jsonData=$.ajax({
数据类型：“json”，
url:“modules/Forecast/models/getForecastChart.php”，
数据：{
id:getQueryVariable（'record'），
开始日期：getstart（）
},
异步：false
}).responseText；
var mydata=$.parseJSON（jsonData）；
var data=new google.visualization.DataTable（）；
data.addColumn（“日期时间”、“日期”）；
数据添加栏（“数字”、“实际金额”）；
数据。添加列（“数量”、“预测金额”）；
数据。添加栏（“编号”、“实际价格”）；
数据。添加列（“编号”、“预测价格”）；
对于（var i=0；i对于（var i=0；i，您可以在图表上侦听
'error'
事件，这可能会提供更多详细信息

google.visualization.events.addListener（chartInstance，'error'，handler）；

处理程序
将收到一个带有两个属性的参数，
id
&
消息

然后，您可以使用
id
来
removeError
，或者使用图表容器来
removeAll

此外，使用材质图表时，应转换选项…

google.charts.Bar.convertOptions（选项）

（请注意网格线中的差异）

请参阅下面的示例


google.charts.load（'current'，{'packages'：['bar']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var mydata={预测：[
[新日期（2016,04,31）、5,6,7,8]，
[新日期（2016,05,01），4,8,9,8]，
[新日期（2016,05,02），8,4,0,6]，
[新日期（2016,05,03），2,2,1,3]
]};
var data=new google.visualization.DataTable（）；
data.addColumn（“日期时间”、“日期”）；
数据添加栏（“数字”、“实际金额”）；
数据。添加列（“数量”、“预测金额”）；
数据。添加栏（“编号”、“实际价格”）；
数据。添加列（“编号”、“预测价格”）；
对于（var i=0；i


我看不到任何东西。这就是问题所在。我在没有错误的情况下得到了带错误的红色条。那么什么事情没有发生？你没有给出任何关于你预期会发生什么的信息。我预期会发生的一切都很好。但是