问题标签 [google-gauges]

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 投票
1 回答
527 浏览

javascript - 使用“google.visualization.NumberFormat”添加后缀

一直试图在 Google Gauge 图表上的值旁边添加一个“%”,我确信这是我错过的一些愚蠢的东西。

这是我在另一篇文章之后尝试过的:向 Google Gauges 添加 % 符号

任何朝着正确方向的轻推将不胜感激,请温柔...

仅供参考,这是我在 Stack Exchange 的第一篇文章,任何格式错误或问题 nono 都让我知道。

0 投票
1 回答
71 浏览

javascript - 如何使用 Google Charts 动画为数值设置动画?特别是量规

在这个 JS Fiddle 示例中,仪表会定期更新为新值。

https://jsfiddle.net/n5fvb8ft/ (感谢 nbering 的更正)

此示例使用 setInterval 分配随机新值,例如

如您所见,新数字出现并且针朝它移动。我真的很想用针显示当前数字更新,而不仅仅是显示最终值。这可以使用谷歌图表吗?另外我想放慢动画速度,但这可能是另一个问题。

我想可能会在该值上设置一个补间并以与针动画相同的持续时间对其进行动画处理,然后反复更新仪表,但这会非常笨拙,并且针可能会在很多小动作中进行动画处理。当然,尽管必须有更好的方法。

任何帮助将不胜感激。

0 投票
1 回答
128 浏览

jquery - 使用 Google Gauge 的 jQuery 或 CSS 文本 SVG 移动底部

我正在尝试将 Google Gauge 底部的文本移动到它,因为文本对于仪表来说很长。

这是我的 HTML 代码:

在这里您可以找到示例:https ://jsfiddle.net/roby492/1sjrq64s/1/

你怎么看,标准文本位置是 MemoryBefore 文本,但我会将它移动到 MemoryAfter 文本的位置。

我尝试使用 jQuery 更改 y 参数,但找不到“g”和“text”标签。

0 投票
1 回答
5728 浏览

charts - Google Gauge Chart - 为每个仪表部分添加文本标签

我正在尝试在我的页面中使用 Google 仪表图表。现在我想在图表中为每个部分或颜色添加文本。我可以在图表中这样做吗?我尝试进行一些 html 修改,但没有任何帮助。

从此链接尝试 - https://developers.google.com/chart/interactive/docs/gallery/gauge 在此处输入图像描述

例如,我想为白色添加 text1 等等。

0 投票
1 回答
569 浏览

javascript - 为谷歌仪表底部标签添加后缀可防止其更改

我有一个谷歌仪表,可以使用 PHP 从数据库中动态检索数据,问题是我希望仪表在我使用过的底部标签中有一个后缀:

这工作正常,直到我开始随着时间的推移改变仪表值。只有指针移动,底部女巫的标签说“值+%”保持不变。

繁忙仪表的图像

有人知道怎么修这个东西吗?!?

仪表代码:

0 投票
0 回答
114 浏览

angular - 在视图更改时通过 Angular2 传递值

当 Angular2 值发生变化时,我想更新我的谷歌图表。

在我的 Angular2 test.component.html 中,我有一个这样的模板:

我的 Angular2 test.component.ts 看起来像这样:

如何使用 {{parameter.value}} 更改仪表值?

谢谢你。

0 投票
0 回答
42 浏览

pygooglechart - 谷歌仪表图表未与同一页面上的其他图表一起显示

谷歌仪表图表不会与同一页面上的其他图表一起显示。

我已经尝试将负责仪表图的代码放在第一行,但它无济于事。

它只在一个人的时候起作用。

这是我的代码:

有人知道问题出在哪里吗?

0 投票
0 回答
733 浏览

javascript - 如何可视化来自 Firebase 的数据并在仪表图上显示

我试图从 firebase 获取数据以显示在仪表图上,但它没有显示任何内容并显示错误

未捕获(承诺中)错误:0,1 中的值类型未知

这是我的js代码。

这段代码是什么意思?

0 投票
1 回答
2110 浏览

javascript - 根据单元格值动态更改 Google Chart Gauge 数据和颜色

我正在 Google 电子表格中制​​作仪表板,并想使用单元格数据。现在您需要对 redFrom、redTo 等的数据和值进行硬编码,但我希望它们是动态的并且依赖于单元格中的某个值。同样适用于仪表显示的值。

仪表板将跟踪月收入,仪表将根据相对于目标的百分比指示某人是否在该月处于绿色状态。

这是来自谷歌的标准示例:

所以我希望它是这样的:

这可能吗?谢谢!

0 投票
1 回答
1234 浏览

html - Google Gauge 设置字体大小和标签

我试图设置由谷歌图表 api 创建的仪表的字体大小

我对如何使用 css 更改仪表的字体大小有点困惑

html代码

在此处输入图像描述 我使用下面几行 css 代码来减小 font-size ,但它不起作用

任何人都可以在这方面帮助我。

先感谢您