问题标签 [google-pie-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
2101 浏览

javascript - 在谷歌饼图中使用 php 变量

我想在 Google 图表中使用我的 PHP 变量,但图表无法读取我的 PHP 标记。正如您在下面的代码中看到的,我将 PHP 变量放入脚本中。(我在代码顶部定义的 PHP 变量,结果是正确的)。我的代码有什么问题?有什么解决方案吗?如果需要,请向我询问更多信息。谢谢你。

0 投票
1 回答
337 浏览

javascript - 更改数据时饼图数据不更新

我正在尝试生成我的项目的报告。这些报告在饼图的帮助下显示。我得到了正确的数据作为响应,但饼图没有在第一次请求中更新。我必须发送 2-3 个请求,然后它会更新饼图。我的js代码在这里:

CI的控制器代码:

0 投票
2 回答
1591 浏览

javascript - AngularJS ng-repeat 不重新渲染转发器(UI)并且不再次调用 ng-init

我有一点疑问ng-init,实际上我有一些图表。

  1. 顶部趋势线
  2. 下面的饼图。
  3. 下面的 HTML 表。

在页面加载时我没有显示任何内容,但是一旦我第一次单击特定按钮,我的整个图表和表格就会显示为 http 请求接收到的数据。但之后,如果我单击另一个按钮并执行相同的 http 请求,则它会更新趋势线和表格,但不会更新饼图。我的饼图使用 ng-init 在下面的 div 中呈现,当我测试 ng-init="myFunction(index)" 方法时,它不会在随后的点击中更新。

这是我的 ng-init 函数的 angularjs 代码。

0 投票
1 回答
843 浏览

javascript - 谷歌可视化api饼图百分比错误位置

我被困在谷歌可视化 api 饼图上。百分比标签有点错位这里是选项

这是结果: 在此处输入图像描述

如您所见,有 62 个数字切片(应该是 62.7)我如何正确放置它们?另外我正在使用 bootstrap3 并检查了 css,一切似乎都是正确的,这里没有覆盖

0 投票
1 回答
794 浏览

jquery - 数据绑定到饼图 (Google API)

我正在尝试将数据动态绑定到饼图,但它不起作用。这是我的代码:

功能:

我也尝试直接传递 DataTable 但同样的问题(没有显示)这是代码:

功能:

并且不明白是什么问题,因为当我手动传递数据(静态)饼图显示完美。喜欢:

0 投票
1 回答
7916 浏览

javascript - google.visualization.PieChart 不是构造函数

我正在使用饼图显示数据这里是我的代码我添加了以下脚本

以及我用于显示聊天的功能:-

然后我从行得到错误:

google.visualization.Pie Chart 不是构造函数,而 google.visualization.arrayToDataTable 不是构造函数

避免此错误的可能解决方案是什么?

0 投票
2 回答
5311 浏览

javascript - 谷歌饼图在小切片外面显示切片文本

我正在使用谷歌图表,我想在不旋转饼图的情况下显示小切片的饼图文本(不应旋转图表)。

是否可以仅针对小切片在饼图外部显示饼图切片文本(类似于 MS Excel 中的图表,如下图所示),其余应在切片本身内显示切片文本。在此处输入图像描述

提前致谢 :)

0 投票
1 回答
358 浏览

pie-chart - 谷歌饼图

我尝试在我的网站上创建一个饼图,我找到了示例代码

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_google_pie_chart

但我只收到一条错误消息:

表没有列。

有人可以帮我吗?

谢谢

0 投票
2 回答
398 浏览

javascript - 使用 jQuery 和 JavaScript 进行用户输入

我有以下使用谷歌饼图的代码,但是饼图预先填充了数据,我希望通过一些带有 HTML 的基本文本表单来获取用户输入,但是我不确定如何更改默认活动“

是用户输入的内容,而不是如图所示的预设内容。

0 投票
1 回答
641 浏览

javascript - 点击离开时关闭 Google 饼图工具提示

我正在使用谷歌饼图来表示数据。图表的工具提示包括用户可以单击的操作项。为了让工具提示保持足够长的时间让用户点击项目,我选择在点击/选择而不是悬停时显示工具提示:

现在的问题是关闭这些工具提示的唯一方法是在图表上进行另一个选择(从而显示另一个工具提示)或单击先前选择的相同图例/饼图切片值。

这很笨重;对于良好的用户体验,我希望用户只需单击饼图周围的空白区域即可关闭工具提示。

到目前为止,我找到的最接近的解决方案是在这个问题中,但是第一个答案不起作用,第二个答案不允许通过单击关闭工具提示。问题似乎是图表周围的所有空白仍然被认为是图表本身的一部分,而不是一个单独的元素。我试图通过检查被点击元素的类型来绕过这个限制,看看它是否是空白,如下所示:

不幸的是,这也不起作用,因为图例元素有时呈现为矩形类型而不是文本(我仍在试图找出导致这种情况的原因)。在饼图中,图例点击也设置了选择,我想保留这个功能。

现在我正在调查以下两条路径,但没有运气:

  1. 区分切片/图例和空白图表区域的其他方式,或

  2. 如果还触发了选择事件,则以某种方式阻止单击事件。

我绝对愿意接受任何其他可能解决此问题的想法。我想要的功能对于工具提示来说很常见,所以希望我只是错过了一些明显的东西。