Google图表问题 - 只有线框可见

时间:2014-09-29 03:11:09

标签: angularjs d3.js google-visualization

我正在集成多个图表实用程序,以便在网页中显示分析和统计信息的集合 我正在使用以下技术/组件来实现这些可视化。

D3

用于显示文字云,本体视图等。

Google Charts

主要用于显示统计信息。

Jason Davies Word Tree(基于D3)

用于显示文字树分析服务。

我遇到的问题严重影响了我的进步 谷歌可视化显示细节,但它没有为它的可视化着色。只有线框可见。我正在提供一张图片供您参考。

不知道在单个网页中是否有多个可视化导致所有这些问题。

如果有人能够提供一个有用的提示来解决这个问题,我将不胜感激。 提前谢谢。

我无法上传相关图片,因为我没有足够的声誉。

1 个答案:

答案 0 :(得分:1)

最终在两次决议行动后得到解决。

感谢此处的精彩帖子,我设法在实际引导进入操作之前解决了Google图表库加载问题。
这可以通过添加此代码段来解决。

google.setOnLoadCallback(function () {
    angular.bootstrap(document.body, ['setuAnalysis']);
});

google.load('visualization', '1', {packages:['corechart']});


除此之外,我引入的CSS样式与嵌入的一些控件存在一些冲突。特别是,Angular Tree视图引入的样式与Google图表呈现冲突。

最后设法解决了这两个问题。