谷歌图表问题-只有线框是可见的

Question

我正在集成几个图表实用程序，以便在网页中显示分析和统计信息的集合。

我正在使用以下技术/组件来实现这些可视化。

D3

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

谷歌图表

主要用于显示统计信息。

树(基于D3)

用于显示单词树分析服务。

我遇到一个对我的进步有很大影响的问题。

谷歌的可视化显示了细节，但它没有给它的可视化着色。只有线框是可见的。我包括了一张图片供你参考。

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

如果有人能给出一个有用的提示来解决这个问题，我们将不胜感激。提前谢谢。

我不能上传相关的图片，因为我没有足够的声誉。

Answer 1

经过两次解析操作，最终得到了解决。

感谢这里漂亮的帖子，我设法解决了谷歌图表库加载问题之前，实际的引导进入行动。

可以通过添加此代码段来解决此问题。

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

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

除此之外，我引入的CSS样式以及一些嵌入的控件也存在一些冲突。特别是，角树视图引入的样式与Google图表呈现方式相冲突。

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