Javascript Google图表不在Safari浏览器中绘制图形

所以谷歌图表在除Safari之外的所有其他浏览器中都能正常工作。 首先，Safari无法通过以下代码加载api：

，我必须按照chart的加载方式加载此代码：

。这段代码有效，但我不是舒尔。这是一个好的解决方案。是好是坏

主要问题 当海图最终出现在Safari中后，他只是空的。我输入的所有数据都不显示。我的图表功能（单击时触发）：

控制台中没有错误，数据确实存在（通过警报测试），但Safari不会将数据放入图表中。如何跟踪和解决此问题？

---

对不起，我的英语不是我的母语。

我终于解决了我的问题。谷歌图表在Safari中使用jsapi库的1.30版本。这意味着您需要输入以下启动代码：

。

---

它会带来一些不同，例如像iframe这样加载1.30版本的图表，这会带来一些其他问题。

我终于解决了我的问题。谷歌图表在Safari中使用jsapi库的1.30版本。这意味着您需要输入以下启动代码：

。

---

它会造成一些不同，例如像iframe这样加载1.30版本的图表，这可能会造成一些其他问题。

safari javascript日期类不支持“yyyy-mm-dd H:M:S”格式。在Date类中传递“H:M:S”时，必须删除它。相反，在从date类获取日期后，可以在日期字符串中追加“H:M:S”

safari javascript日期类上的不支持“yyyy-mm-dd H:M:S”格式。在Date类中传递“H:M:S”时，必须删除它。相反，在从date类获取日期后，可以在日期字符串中追加“H:M:S”

@WhiteHat data是一个对象，

chda.getNumberOfRows（）

返回“57”。@WhiteHat我试图删除所有选项，但这对我没有帮助。图表仍然是空的。我认为问题在于Safari没有传递chda对象或损坏它。也许Safari的特定图表加载有问题？我强制使用此代码加载图表：

，可能会出现版本问题或其他问题？@WhiteHat我不使用回调，因为我需要在单击按钮后显示图表，而不是在初始化时显示。另外，图表在函数外部启动，在初始化代码部分和函数触发之前，因为用户在初始化代码完成之前不能点击触发按钮。而且只有

loader.js

不能单独工作，只能在Safari中使用

jsapi？autoload

。在所有其他浏览器中，

loader.js

就足够了。@WhiteHat数据是一个对象，

chda.getNumberOfRows（）

返回“57”。@WhiteHat我试图删除所有选项，但这对我没有帮助。图表仍然是空的。我认为问题在于Safari没有传递chda对象或损坏它。也许Safari的特定图表加载有问题？我强制使用此代码加载图表：

，可能会出现版本问题或其他问题？@WhiteHat我不使用回调，因为我需要在单击按钮后显示图表，而不是在初始化时显示。另外，图表在函数外部启动，在初始化代码部分和函数触发之前，因为用户在初始化代码完成之前不能点击触发按钮。而且只有

loader.js

不能单独工作，只能在Safari中使用

jsapi？autoload

。在所有其他浏览器中，

loader.js

就足够了。

google.charts.load('current', {'packages':['corechart']});
function showChart(id,obj,dataname,datatype,start,end){
    $.ajax({
        type: "POST",
        url: path_to+"ajax.php",
        data: {  
            's': start,
            'e': end,
            'title': id,
            'p': datatype,
            'f': 'crt'
        },
        dataType: "json",
        success: function(data){
            if(Object.keys(data).length){
                var chda = new google.visualization.DataTable();
                chda.addColumn('datetime', 'Время');
                chda.addColumn('number', dataname);
                for(i in data) chda.addRow([new Date(data[i]['date']+' '+data[i]['datetime']),parseInt(data[i][datatype])]);

                var options = {
                    title: obj+': '+dataname,
                    vAxis: {minValue: 0},
                    backgroundColor: '#123',
                    areaOpacity: 0.5,
                    theme: 'maximized',
                    hAxis: {
                        viewWindowMode: 'explicit',
                        title: '',  
                        titleTextStyle: {color: '#333'},
                        gridlines: {
                            count: -1,
                            units: {
                                days: {format: ['MMM dd']},
                                hours: {format: ['HH:mm', 'ha']},
                            }
                        },
                        minorGridlines: {
                            units: {
                                hours: {format: ['HH:mm', 'ha']},
                                minutes: {format: ['HH:mm a Z', ':mm']}
                            }
                        }
                    }
                };

                var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
                chart.draw(chda, options);
            }
        }
    });
}