Google chrome 谷歌浏览器可视化/图表-需要插件吗？

我们正在用AngularJS构建一个新的界面，其中至少有一个模块会有图表。到目前为止，我一直在尝试Google图表，它在本地NodeJS服务器（通过WebStorm）和我们的持续开发服务器上对我都很好，但是对于团队中的其他人来说，图表都没有出现在任何一个服务器上

饼图

// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and draws it.
function drawChart() {

// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
    ['Pears', 10.5],
    ['Apples', 16.5],
    ['Bananas', 5]
]);

// Set chart options
var options = {'title':'Fruits',
    'width':420,
    'height':300};

// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_1'));
chart.draw(data, options);
}

正如您在代码中看到的，我已经有了google.setOnLoadCallback（drawchart）；如中所述

我曾尝试下载谷歌的JSAPI和其他东西，并将其包括在项目中，但其他人没有什么不同

我们都在使用谷歌浏览器。我用我的gmail登录，我想其他人也一样。所以，这一定是我在谷歌浏览器中的一些东西，他们没有

知道这是什么吗

编辑

---

这是我的，它有确切的解决方案，但我已经改变了一些内容，如变量和数据由于完整性

我将您的代码复制粘贴到一个文件中，它对我来说加载和显示都很好，所以很难说会出什么问题。我可以提出一些建议来帮助您调试它

1） 试着把你的代码自己放进一个文件并加载它。它的行为是不同的，然后它的东西在您的设置

2） 尝试在“匿名”窗口中打开它。这将消除大多数可能破坏功能的Chrome扩展

3） 加载页面时打开控制台，查看是否有任何有用的错误消息

---

4） 加载页面时打开“网络”面板，查看是否有任何有用的错误消息。

我将粘贴的代码复制到一个文件中，它对我来说加载和显示良好，因此很难说会出什么问题。我可以提出一些建议来帮助您调试它

1） 试着把你的代码自己放进一个文件并加载它。它的行为是不同的，然后它的东西在您的设置

2） 尝试在“匿名”窗口中打开它。这将消除大多数可能破坏功能的Chrome扩展

3） 加载页面时打开控制台，查看是否有任何有用的错误消息

4） 加载页面时打开“网络”面板，查看是否有任何有用的错误消息。

找到解决方案

似乎问题在于，在我的例子中，我很幸运地让图表加载了数据，而其他人得到了图表，但没有及时获得数据，因此图表被窃听了。意思是，某种时间问题

解决方案是使用（）。 实施后，我的同事也可以看到图表

然后我们还实现了i18next，以根据用户语言格式化图表，但这是另一回事…

找到了解决方案

似乎问题在于，在我的例子中，我很幸运地让图表加载了数据，而其他人得到了图表，但没有及时获得数据，因此图表被窃听了。意思是，某种时间问题

解决方案是使用（）。 实施后，我的同事也可以看到图表

---

然后我们还实现了i18next，以根据用户语言格式化图表，但这是另一回事…

我已经完成了bullet nr 1。这没有任何额外的作用。Nr 2导致图表未加载到我的浏览器中。我在控制台中得到以下信息（匿名时）：未捕获错误：容器未定义格式+en，默认，corechart.I.js:882 FC格式+en，默认，corechart.I.js:882 KC格式+en，默认，corechart.I.js:883 cD格式+en，默认，corechart.I.js:891 drawChart；每个图表都有一套。那一定是某种背景。但我觉得这很奇怪，谷歌图表在“默认模式”下不受自己浏览器的支持。如果使用external（），googlejsapi似乎可以工作……请参阅。并且不适用于正常的JSAPI（）…请参阅。这两种浏览器都可以在我的应用程序中使用，但在普通的Chrome浏览器中都可以，而且它们都不能在隐姓埋名的情况下使用。我会暂时保留“外部”的，我们会看看当我的同事度假回来时它是否对他们有用。。。但是，如果有人提出解决方案，我仍然很感激仅供参考，jsfiddle问题不在于ext vs normal jsapi调用，而在于jsfiddle解析链接，在末尾查找扩展，以便确定加载的资源类型。如果URL不是以“.js”或“.css”（或其他公认的扩展名）结尾，JSFIDLE将忽略它。如果你使用，它也可以。好的，谢谢你的解释。那我猜一定是别的原因，为什么我的同事们不喜欢。我已经做过bullet nr 1了。这没有任何额外的作用。Nr 2导致图表未加载到我的浏览器中。我在控制台中得到以下信息（匿名时）：未捕获错误：容器未定义格式+en，默认，corechart.I.js:882 FC格式+en，默认，corechart.I.js:882 KC格式+en，默认，corechart.I.js:883 cD格式+en，默认，corechart.I.js:891 drawChart；每个图表都有一套。那一定是某种背景。但我觉得这很奇怪，谷歌图表在“默认模式”下不受自己浏览器的支持。如果使用external（），googlejsapi似乎可以工作……请参阅。并且不适用于正常的JSAPI（）…请参阅。这两种浏览器都可以在我的应用程序中使用，但在普通的Chrome浏览器中都可以，而且它们都不能在隐姓埋名的情况下使用。我会暂时保留“外部”的，我们会看看当我的同事度假回来时它是否对他们有用。。。但是，如果有人提出解决方案，我仍然很感激仅供参考，jsfiddle问题不在于ext vs normal jsapi调用，而在于jsfiddle解析链接，在末尾查找扩展，以便确定加载的资源类型。如果URL不是以“.js”或“.css”（或其他公认的扩展名）结尾，JSFIDLE将忽略它。如果你用的话，它也能用。好的，谢谢你的解释