问题标签 [react-google-charts]

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 回答
1867 浏览

javascript - 谷歌图表下载并保存PNG文件

这是我的谷歌饼图。现在,我可以右键单击并将图像另存为 PNG。但是,当页面加载时,我需要在指定文件夹上自动下载图像。

我尝试了各种画布选项,但无法正常工作。

将 SVG 下载为 PNG 图像

将谷歌仪表图另存为 png

有人可以帮忙吗?

0 投票
2 回答
474 浏览

javascript - 如何在反应地理图表上调用点击事件?

我有来自反应地理图表的基本地理图表

但是当用户单击一个国家/地区时,我无法弄清楚我需要做什么来调用事件?我已尝试从上述所有方法中记录内容,但没有任何效果

还作为一个旁注,它似乎只在那个国家被传递到我的地图时才显示悬停的国家。是否可以为所有国家启用它?

0 投票
0 回答
556 浏览

javascript - 如何动态更新 react-google-charts 的语言环境?

我正在处理当用户更新语言环境时,我需要更新 React 谷歌图表语言环境的场景。
我已经创建了“语言”状态,单击时我调用函数 changeLanguage() 来更新语言环境。
但是它没有得到更新,并且默认语言环境保持不变。

如何解决这个问题,即在 react-google-charts 中动态更新语言环境?

以下是函数和等效渲染方法的代码:

0 投票
0 回答
84 浏览

reactjs - 如何在反应谷歌图表的甘特图中指定不同的文本颜色?

如果我使用 gantt.palette 选项来指定甘特图中条形组的颜色,如本问题的答案中所述,有没有办法为这些项目附带的文本指定不同的颜色?

0 投票
1 回答
317 浏览

javascript - 如何显示谷歌图表(折线图)信息(标签)?

折线图 柱状图

我的图表不断调用 Controller 以按时间获取数据库中的最新信息。

有两行,所以我想显示每行(列)的名称,例如 red=counts of something // brown=counts of something。

我的另一个条形图有带颜色的线条信息和列名(高亮)。

我怎样才能添加这些信息?

我的折线图代码,

0 投票
1 回答
651 浏览

javascript - 谷歌图表组件正在屏幕中重新渲染-react js

我正在尝试使用来自 API 的数据创建一个 GOOGLE CHART (PIE),但是每次我设置日期范围时,它都会重新加载最后一个(图表组件)渲染 + 新的,所以我想知道如何修复代码以避免它发生并重新渲染最后一个状态?

应用程序.js


DateRangerPicker.js


ChartPie.js

0 投票
0 回答
316 浏览

javascript - 如何在 react-google-chart 中的位置显示自定义图像?

在此处输入图像描述

在明星的地方,我想显示一些自定义图像,如面部表情符号。我在这里使用 react-google-chart 库 。到目前为止,我的代码如下

0 投票
1 回答
847 浏览

reactjs - 使用谷歌图表的动态数据

我正在创建一个我的 googlecharts 以做出这样的反应:

使用硬编码的数据,它可以工作,我得到了图表。但是,我想使用我在组件中获得的动态值,如下所示:

当我做:

它不起作用。任何人都知道该怎么做。非常感谢任何帮助。谢谢

0 投票
0 回答
100 浏览

javascript - 我如何在反应 js 和谷歌图表中处理数据

我刚开始反应。我正在创建一个仪表板,我可以在其中查看技能(技能名称和技能百分比)。我用过那个 Reactjs、bootstrap 和 Google Chart(甜甜圈图)。但我无法像这样操作数据。更新、删除和添加新项目(技能)

我在主页中创建了类组件。

状态数据(技能和百分比)

我寄了

谷歌图表组件是

在这里,我想在数据中创建新项目(技能)。我想在其中执行 CURD 操作。请建议我做一些参考。

谢谢...

0 投票
1 回答
107 浏览

php - 添加到 smarty 模板页面 (.tpl) 时,Google 图表不显示

谷歌图表不显示在页面中,代码被添加到与 smarty 一起使用的页面 (.tpl) 中。代码如下:

HTML 代码如下:

谢谢您的合作。