问题标签 [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 回答
36 浏览

javascript - 未捕获的错误:未定义容器 - Google 饼图

这就是我想要做的。

我正在尝试使用以下代码在 PHP 循环中加载一堆 Google 饼图:

但是由于某种原因,我收到了一个未捕获的错误:尽管定义了 div,但未定义容器。

谢谢

0 投票
0 回答
102 浏览

reactjs - 动态显示时间线数据 react-google-charts

我正在尝试根据以下示例使用 react-google-charts 创建时间线:

我想做的是动态显示每个类别的数据(总统、副总统、国务卿)——我想从我的数据库中提取一些数据用于总统、一些用于副总统等,并显示它而不是硬编码像这样的数据。

我在想这样的事情:

并用 {presidents} 替换数据中的所有总统。不过,我不确定如何格式化它(以上内容对我不起作用)。有没有人有任何建议/经验?提前致谢!

0 投票
1 回答
89 浏览

amazon-web-services - 谷歌图表是否直接支持dynamoDB?

我正在研究谷歌图表数据可视化工具。而且我知道 Google 图表能够使用任何 SQL 数据库作为数据源。但是由于 dynamoDB 是 noSql 数据库,并且根据客户的要求,他们希望使用 dynamoDB 作为数据源。我想知道谷歌图表是否支持直接查询dynamoDB。

0 投票
1 回答
111 浏览

charts - 如何为谷歌反应柱形图添加背景颜色和边框?

我一直在关注 react google 图表以进行可视化,如此处所述。我想要一个垂直条形图,所以我坚持使用材料图表选项。

但是,没有任何背景颜色选项适用于材料图表。那么如何为我的图表添加边框和背景呢?

0 投票
0 回答
97 浏览

reactjs - 使用 react-minimal-pie-chart 显示图例

我目前正在尝试使用 ReactJS 显示饼图的不同方法,我发现了这个叫做 react-mininal-pie-chart [https://github.com/toomuchdesign/react-minimal-pie-chart]

问题是即使在阅读了他们的示例后我也无法弄清楚如何在侧面显示图例?

使用 react-google-chart 我可以像这样显示侧面图例:

但是我不知道如何使用 react-minimal-pie-chart 添加图例,你们有什么想法吗?

0 投票
1 回答
73 浏览

javascript - Google Charts, AJAX, PHP Problem Encoding JSON Error: Data for arrayToDataTable is not an array

我正在尝试做一些基本的谷歌图表,由数据库通过 PHP/PDO/MSSQL 填充,通过 AJAX 传递给 .js

我有一个非常基本的问题,我觉得是编码。

我正在关注教程https://developers-dot-devsite-v2-prod.appspot.com/chart/interactive/docs/gallery/linechart

他们将数据硬编码到谷歌图表中,但我通过 Ajax 发送我的数据。我来自 Ajax 的数据如下所示:

但是,当我运行图表时,我收到错误“错误:arrayToDataTable 的数据不是数组”。

我通过 AJAX 逐字发送完全相同的数据,所以我错过了什么?

而不是谷歌示例:

我在用着:

我错过了什么,为什么它需要硬编码,而不是看起来与 AJAX 从我的 php 页面推送的完全相同的格式?

0 投票
0 回答
13 浏览

javascript - 更改谷歌图表列位置的问题

我正在使用运行良好的谷歌图表,但我想更改列位置我的谷歌图表代码如下

我的图表如下图所示 我想更改 2020 年和 2021 年的位置 我想将其显示在图表下方

在此处输入图像描述

有人可以帮我吗?

0 投票
0 回答
308 浏览

reactjs - 如何自定义 react-google-charts?

我想在我的条形图中自定义 x 轴和 y 轴的图例和标题。这是一个反应谷歌图表。这是我当前的带有倾斜图例的图表,我希望它成为第二张图片中的图表。

这是我要使用的条形图的代码。

倾斜的图例条形图

所需的条形图

'''

'''

0 投票
1 回答
200 浏览

reactjs - 谷歌烛台图表上的多条线通过反应

我正在尝试使用 react-google-charts 在同一个图表上创建具有多个线条的蜡烛图。但是当我尝试这是输出:

错误的烛台图

但这是我想要的图表:

正确的烛台图

这是我使用的代码:

这些是我已经用来制作这个版本的程序的链接:

这是项目:

有没有人可以告诉我我的程序做错了什么?

0 投票
1 回答
286 浏览

charts - 如何查找谷歌图表(Sankey)选择事件选择数据 - 包括工具提示列

我正在通过 react-google-charts 创建一个 Sankey 图表。每次单击节点之间的链接时,我都会打印直到最近一直运行良好的数据。

假设我的桑基图是这样的,我点击了 A & P 之间的链接:

我也可以像这样获取选择数据,但它没有给我最终的列值,即在这种情况下是工具提示。

除了我上面所做的之外,我还有其他方法可以获取数据吗?尤其是线

chartWrapper.getDataTable()。Wf[行].c

最近,硬编码的属性值已经三次破坏了我的 UI,我想避免这样做。