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

javascript - 将行动态添加到 Google 图表的时间轴

我正在尝试根据收到的特定数据添加行。现在,我已经将样本数据存储在一个常量中。我的时间轴组件如下。YSD 是年份开始日期,msD 是月份开始日期,dsD 是日期开始日期。yEd 也一样,其中 e 对 yed 也是如此,它是年终日期。我尝试了映射,但我没有以正确的格式获取数据。

这是它的外观截图。

在此处输入图像描述

这就是我希望它的样子:

在此处输入图像描述

有没有一种不同的方法可以让我以正确的方式从我收到的数据中动态添加行?

0 投票
0 回答
163 浏览

javascript - 如何使用 Google Charts 更改时间线的背景颜色?

目前,我在使用 Google 图表创建的时间轴中有交替的背景颜色。这是图表组件:

这是它的样子:

在此处输入图像描述

我想删除那种交替的灰色,只想为每一行保留白色。有没有办法在 React 中做到这一点?

0 投票
1 回答
60 浏览

javascript - 谷歌图表标签被切断

这是一个密码笔 https://codepen.io/nick-ladieu/pen/PobBbXM

这是我当前的 JS

我正在尝试制作一个响应式布局,其中包括一个圆环图,其中客户要求该图表包含标签线而不是图例。

我有点工作,但是当宽度减小到移动视图时图表标签被切断,我不确定如何动态减小图表大小以便标签可见

问题示例

0 投票
1 回答
840 浏览

javascript - How to change options Google Charts Bar in react?

I am trying to create a bar chart with Google charts in react. I am researching for options field but I found when chartType="Bar", the normal graph options doesn't work. It should be chartType="BarChart"for working. But when I do this chart will be horizontal, I want vertical. This is my code, how can I change backgroundColor or use options?

0 投票
1 回答
39 浏览

javascript - 如何呈现 ColumnChart 滑块

我在这里是因为我在为我的 dataviz 应用程序使用一些滑块而苦苦挣扎。

我已经用滑块做了一个图表,它工作正常,但现在我想用 ColumnChart 而不是 LineChart 做同样的事情......:

这是工作代码:

这是结果:这是结果

现在我想要相同的数据,但使用 ColumnChart,我做到了:

结果

但是当我取消注释时间滑块的代码时,我得到了一个奇怪的结果:

奇怪的结果

我错过了什么?我怎样才能拥有与 ColumnChart 相同类型的滑块?

感谢您的帮助!

我正在使用 React 和React google Chart,它是 Google Chart 的包装器

0 投票
0 回答
22 浏览

javascript - 谷歌图表中的 GCC 国家地图

我对地理图表有疑问。我想在我的应用程序中实现 GCC 国家地图。你能解释一下我怎样才能做到这一点吗?我需要 gcc(海湾合作委员会)国家图表,那么我应该在区域中为 gcc 国家图表添加什么?

另一个问题是我需要图表中阿曼国家的城市名称,那么如何显示阿曼国家的城市名称?

我已经在谷歌支持部分提出了一个问题。您可以从中获取参考:- https://support.google.com/datastudio/thread/102417622?hl=en

请帮我解决这个问题。提前致谢。

0 投票
1 回答
88 浏览

javascript - 如何使用 javascript 打开一个新标签并显示一些图表

我正在尝试创建一个函数,它将打开一个新窗口选项卡并显示一组值的图表。我能够做到这一点,但由于某种原因,新选项卡正在打开,但页面中没有显示任何数据。你能否建议我哪里出错了。

0 投票
2 回答
432 浏览

javascript - 反应谷歌图表不显示

我的反应应用程序有一个大问题。我有几个饼图。但我有一个显示问题。在某些浏览器中,它们可以工作,但在其他浏览器中,它们不工作。例如,当我在两部完全相同的手机和浏览器中尝试它们时,它们正在其中一个工作,而在另一个不工作。

我认为这个问题与浏览器、帐户、设备无关,但我不知道有什么问题?

谷歌图表和图表不能在饼图中工作,但我的谷歌条形图正在工作。

当我尝试使用虚拟数据显示饼图时,它可以工作。我认为我的数据有问题。

接口:

反应

0 投票
0 回答
49 浏览

reactjs - react-google-charts 反应,如何使用来自 grapql 的 json?

我正在尝试使用 graphql 和 google-react-charts 打印价格图表,我可以成功检索数据但我无法处理它。我不知道如何在 google-react-charts 中使用来自 graphql 的 json 响应。到目前为止我找到的最佳答案是这个

代码

来自 GraphQL 的 JSON 响应

错误

问题是我如何只使用时间戳和报价价格和打印图表来迭代 json。

0 投票
0 回答
22 浏览

javascript - 带刻度的 vAxis 在 Google 图表上不起作用

https://jsfiddle.net/za1u62cv/13/

这是我的 JS Fiddle。我按照文档页面(https://developers.google.com/chart/interactive/docs/gallery/scatterchart#data-format)使其工作。我确信格式是正确的,但没有应用轴格式。

选项

有什么帮助吗?