问题标签 [react-google-charts]

我们已经设置了饼图，我想更改条形图的颜色，但它们仍然相同， 我希望颜色与此不同。应该是橄榄色/卡其色...

当我在 Google 图表中将 isstacked 设置为 false 时，它​​会正确显示所有值，但会更改图形的整个设计和显示。当 isstacked 设置为 true 时，它​​会给出我想要的显示，但值错误。我附上了两张图片，第一张isstacked是真的，因此它显示了错误的值。

即使我设置isstacked为 false，有什么方法可以让 image1 的设计保持不变？

我有这个谷歌图表时间线（使用 react-google-charts）。

我尝试添加bar: { groupWidth: 10 }并在正常条形图上工作，但不在时间线上。

例如，在这里尝试这个 jsfiddle：https ://jsfiddle.net/c5hyknfr/2/

不适用于时间线。还有其他方法吗？

编辑：增加了赏金，以防有人知道 CSS 和/或使用类的任何解决方法。Hacky 解决方案已获批准。

目前，我将一个数组存储在 中localStorage，并且我想在react-google-charts库中的折线图中显示数据 - 我将如何使用当前代码执行此操作？

这是我的代码：

组件.js

我在这里阅读 react google 图表的文档：https ://react-google-charts.com/line-chart ，但我无法弄清楚第一个示例中的图表如何具有 2.5 的间隔（即 0 到 2.5，然后到 5，依此类推）

该间隔在哪里以及如何设置？我可以看到 x 轴值由数据本身确定的示例，但我看到在此示例中，x 轴的值实际上是整数；没有具体是 0、2.5、5 等的值。

我有以下 Google Chart 组件作为我的 React 应用程序中页面主要组件的子组件

它正确地加载和呈现来自 API 的数据，但它从不更新状态变化。我把它放在一个带有动态信息的页面上，比如开始日期和结束日期，它将数据发送到 API 以获得正确的响应，使图表动态化。问题是，即使我在这些更改时更新了状态，对组件内部 API 的调用也不会重复，并且图表不会更新，除非我单击更改为另一个图表组件，这会触发完全重新渲染。有人可以解释为什么会发生这种情况以及我能做些什么来解决它吗？如果可能，我希望在图表组件内部进行调用

这是它的 CodeSandbox：https ://codesandbox.io/s/blissful-saha-5ohr9?file=/src/views/estatistica.js:3397-3400

我目前有一个在 Google 图表中创建的折线图，并且有一个我在文档中似乎找不到的问题。附件是我需要的图片，但在文本中：

我需要能够用垂直线沿 x 轴注释特定值，而不是将文本标签旋转为垂直于 x 轴（请参阅：如何在 X 轴上添加垂直线谷歌图表的图表（线型）？），我需要文本位于图表顶部的垂直线上方，平行于 x 轴。

这是我正在寻找的绘制图像：

我在想也许可以用注释来做这件事，但对任何想法都持开放态度。

我正在尝试的任务非常简单：我想为使用 react-google-charts 包创建的直方图更改工具提示文本内容。具体来说，我想用“响应：[数量]”替换默认文本“项目：[数量]”。在此图像中可以看到默认的工具提示文本。

我尝试使用标题 {role: "tooltip", type: "string"} 向数据添加第三列以指定工具提示中的文本，但没有任何运气。可能吗？

我正在使用 react-google-charts 创建时间线。它适用于我的 Macbook，但不适用于带有 Chrome 的 iPad 或 iPhone。它不适用于 Macbook 上的 Safari 或 Firefox。

这是我得到的错误信息： undefined is not an object (evalating 'Dygraph.TICK_PLACEMENT[a].datefield')×

我浏览了 Google Developers 论坛，但找不到任何类似的帖子。知道这意味着什么吗？

GitHub 仓库

在 Safari 的控制台中，它显示无效日期。所以我需要修复我认为的日期格式。

我正在尝试在我的反应原生应用程序中使用谷歌图表。

下面是我的代码：

我正在使用 react-native-webview 显示来自 react-google-charts 的图表。

但是图表没有出现在屏幕上，我不知道我做错了什么..！