问题标签 [google-pie-chart]

我正在创建谷歌饼图，但在这里我必须使用 iframe 来显示此图表，但我想通过 ajax 而不使用 iframe 来显示它......有没有办法在没有 iframe 的情况下显示谷歌饼图？

我正在使用两个 div 来显示 Google 饼图的自定义工具提示。第一个是文本列，第二个是文本对应的 URL 列。是否可以在文本中嵌入 URL 并在选择饼图切片时显示可点击的超链接？

这是图表的数据源：https ://docs.google.com/spreadsheets/d/1hPG22Q75rsvrjzqIKzSuaggpRIRVYTOp8JzuIxM7UBQ/edit?usp=sharing

这是饼图本身以获取更多上下文：http: //jsfiddle.net/gregpearl/u2ydom1q/3/

在我将谷歌饼图添加到我的页面后，所有顶部：值需要为负才能将它们放在正确的位置。我怎样才能避免这些负值。它使所有其他元素变得一团糟。

这些是我使用的css。我已将 image2 的最高值更改为 -500 我想使用正值。

我正在用谷歌图表创建一个多级圆环图。我成功地创建了一个单层图表。但现在我必须在该图表中创建另一个图表。请帮我。也可以在图表切片上以圆形形式写文本吗？

这是我的单甜甜圈聊天代码。

HTML

JS

这里是JsFiddle IT 中的代码链接应该看起来像

您好，我需要您对 Google 饼图的帮助。我已经关注了这个谷歌图表链接，但它不起作用。如果您测试此代码，您可以看到图例和饼图相距甚远。我希望他们彼此靠近。我怎样才能做到这一点？

还有一件事：它的高度似乎是固定的，所以如果我在这个图表中添加更多行，它就会被隐藏......为什么？

我将此代码发送到 webView.loadDataWithBaseURL(null, contentHTML, "text/html", "utf-8", null); 我不认为 webview 是错误的，因为如果您尝试此 html 代码，您实际上可以看到问题也存在。所以我专注于它自己的html代码。

提前感谢您的所有帮助:)

I am trying to get a chart that looks like this, but with value instead of percentage:

Google Pie Chart

Google Charts would work well, but as far as I can tell the closest you can get is the above with:

But you cannot change percent to value. A straight line would be better also, but not essential.

I am currently using charts.js and have tried Google charts. There is tooltip customization for charts.js, but I am not even sure how to do something quite like my example.

Does anyone have any information on how I could customize such a tooltip with charts.js or know of a good JS chart library that's easy to use and has an Angular wrapper? Both Google Charts and Charts.js are compatible with Angular, which is my preference -- though it's not 100% necessary.

我的 PHP 代码 (budgetingMain.php) 中有一个名为“totals”的数组。我想将它用于我的数据以创建 Google 饼图。但是，我很难对其进行编码。

在当前的设置中，我收到以下错误：“Uncaught SyntaxError: Unexpected token <” for this line。

我意识到这是嵌入的问题，但我找不到让它工作的方法。欢迎任何帮助！

编辑：这是总数的结构

当位于下拉列表中时，我的饼图在其父 div 之外呈现时出现问题。

图表在页面准备好后加载，所以如果我真的将下拉菜单悬停并等待图表加载，它会正确加载。

如果我在悬停下拉菜单之前等待图表加载，则它无法正确加载。

有什么办法解决这个问题吗？非常感谢 ！

我的观点：

我有一个谷歌饼图，其中工具提示呈现在相邻图像后面。

如何确保工具提示显示在顶部？我为图像 z-index 设置了 0，为整个图表设置了 10，但 z-index 不起作用。

在图像中：

我正在尝试在同一页面上显示多个谷歌饼图。

这样做时出现Uncaught Error: Container is not defined错误。我该如何解决这个问题？

我的代码：

或者，如果我在 drawchart 函数中进行迭代，饼图的输出会变得非常奇怪，它不再是弧线，而是大约 5% 的弧线（如果我不动态设置完整性，则不会发生这种情况）：