带有prototype.js的Google Charts

Question

我正在尝试在我的网站上使用谷歌geochart.但问题是当绘制geochart时,我收到错误:"对象#没有方法'每个'"

这里是我正在尝试的代码:

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
    google.load('visualization', '1', {'packages': ['geochart']});
    google.setOnLoadCallback(drawRegionsMap);

    function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
            ['Country', 'Popularity'],
            ['Germany', 200],
            ['United States', 300],
            ['Brazil', 400],
            ['Canada', 500],
            ['France', 600],
            ['RU', 700]
        ]);

        var options = {};

        var chart = new google.visualization.GeoChart(document.getElementById('chart_1'));
        chart.draw(data, options);
    };
</script>

<div id="chart_1">Chart should be here</div>

当我从页面中删除prototype.js时,一切正常,但我必须离开它.有什么建议如何解决这个冲突？

Answer 1

请查看https://developers.google.com/speed/libraries/devguide#prototype

并尝试包括1.7.1.0,1.7.0.0,1.6.1.0,1.6.0.3或者1.6.0.2

您将收到Object #<Object> has no method 'each'1.7.1.0之前的任何版本的错误,因此您只需使用最新版本更新原型.

这里需要一些解释,但我真的不知道为什么.根据1.7.1公告,dom.js已被完全重写.从1.7到1.7.1的更新耗时18个月(!!)1.7.0 RC3可以追溯到2010年10月,"包括对IE9的支持"(!!) - 所以我想很多关于"新的" "HTML5标签,特别是<svg>-tag google可视化使用了很多,是它背后的原因是在1.7.1之前没有工作.