问题标签 [react-google-charts]

我有一个 API

http://api.openweathermap.org/data/2.5/forecast?q=bengaluru&appid={API_KEY}

我正在尝试从该 API 获取数据并使用react-google-charts绘制数据。
代码：

当我尝试运行此代码时，我收到此错误：

第 21:5 行：“initialState”未定义 no-undef
第 25:5 行：“didMount”未定义 no-undef
第 36:13 行：“组件”未定义 no-undef
第 43:12 行：“组件”未定义 no-undef
第 61:37 行：“数据”未定义 no-undef
第 61:44 行：“组件”未定义 no-undef 我在这里缺少什么？

我有一个 JSON，它是：

我正在使用useAsync钩子来提取数据。

temp_min并temp_max成功拉动。
但是当我将我的card代码修改为

我收到此错误：

“天气”未定义 no-undef

我该如何绘图temp_min？

我在将谷歌反应图表放置在全宽容器的左侧时遇到了麻烦，而没有传说认为它被切断了。

如果我将其保留为默认值，它看起来像这样：

但是我希望它位于左侧，而图例位于它旁边。

当我更改图表区域的位置时：

然后看起来像这样：

无论出于何种原因，它认为没有足够的空间，它会删除非常烦人的图例文本。

这是我正在使用的代码：

任何人都可以建议吗？

另外，如果这无法修复，您能否推荐一个支持该图表和自定义颜色的图表？

先感谢您！

我一直在尝试使用 API 中的 <Chart />反应组件react-google-charts，但是，我似乎无法让标记显示在地图上。

我注意到，即使是React Google Charts站点上的 Marker GeoCharts 示例也没有功能标记。

这是该网站的代码片段：

这是输出的屏幕截图：

我还生成了自己的 API 密钥，并且我还尝试在 Chart 组件中使用“columns”道具。我似乎仍然无法让标记工作。

即使您不知道如何解决此错误，如果您对可以与 react 一起使用的交互式地图有任何建议（并且我可以添加交互式标记），请告诉我！

我正在尝试按工具提示上的月份名称合计值。

我在轴上有月份名称的折线图，但是当我将鼠标悬停在点上时，它会在图表上显示单个记录。我想按月显示总数。

这里是 jsfiddle

任何想法。

我正在尝试更改 Google Chart 中的日期格式，以便它只需要显示月份名称而不是日期。我有一个动态数据来了。

我用过

这是行不通的。

这是jsfiddle

任何想法。

我的后端有以下输出

我想将以下数据转换为谷歌图表格式，然后将其显示在 reactjs 中的饼图上。

这是我第一次使用 google-charts，我真的不知道如何进行转换。根据我在网上阅读的内容，我实际上可以做这样的事情

如果是这种情况，那么我的另一个挑战将是如何利用谷歌图表 API 中的新状态

我将不胜感激任何帮助。

我正在尝试实现 React Google Charts 烛台图表，并且我将自己的数据插入到图表中，但是当显示图表时，即使我更改颜色选项，烛台也一次以一种颜色显示。

我几乎可以肯定我的数据形状正确（这是传递给图表数据属性的数组的 ordered_data 数组。

即使我的数据与默认示例数据的形状相同，灯芯也不会显示在图表上。

我正在链接到显示我的图表的代码框。

没有任何灯芯且所有蜡烛颜色相同的图表如下所示

下面嵌入了带有图表代码的代码框。这是使用此图表的官方示例：React Google Charts 烛台。我尝试使用选项fallingColor 和risingColor 设置自定义颜色无济于事。我怎样才能让灯芯显示出来？

您可以在代码框的控制台中查看我的数据的形状。

我需要在某个时间在 prestashop 页面上制作一个关于一系列产品的销售价格的图表，我只能静态插入图表，在 product.tpl 的数组中手动​​输入数据：

{文字}

{/文字}

我希望获得任何产品的动态图，该产品获取 product_id 并从 sql db 返回数据。

谢谢您的帮助 ：）

我使用 React boostrap 表，但在我点击一次后，第二次点击我的表时，模式没有显示。

这是我的表格组件

这是调用模态和表格的父组件以及'''shouldShow```等。

这是模态组件：

谁能帮助我，如何修复表格，以便每次单击表格时都会显示模式。