问题标签 [react-google-charts]

我将 react-google-charts 用于 Reactjs，然后我想将其用于 Vuejs，但是因为我不知道如何将 react-google-charts 转移到 Vuejs。有人用过吗，教我怎么解决。谢谢！

我一直在开发一个简单的单页应用程序，它使用 GeoChart 在世界地图上显示数据。一切工作正常，我在该应用程序上工作了近 3 个月，直到我在 localhost 中测试我的应用程序时突然停止显示我的地图，尽管对 geomap vue 组件进行了零更改

单击“检查”->“网络”后，我可以看到下面的错误（请参阅屏幕截图）

为了方便您重现错误，我在这里使用代码和框创建了我的 vue 组件的简单副本 https://codesandbox.io/s/sharp-goldberg-djdfi?fontsize=14&hidenavigation=1&theme=dark

我是前端、Vue 和 JS 的完全新手，所以请放轻松！

我正在寻找在 Google Analytics（分析）仪表板中使用的图表名称（请参阅快照）

我react-google-charts在我的网络应用程序上使用，但在其中找不到相同类型的图表。

我想在下面实现这个图表。

到目前为止，我已经尝试了以下方法：请帮帮我。任何帮助将不胜感激！我只需要反转 Hired 和 Rejected 条的位置。

1. React Google Graphs - 桑基图：

https://codesandbox.io/s/gracious-payne-s62zd?fontsize=14&hidenavigation=1&theme=dark

2）平行集的可观察HQ Sankey图

https://observablehq.com/d/1c49d550b2281f49

我有一个 sharepoint 在线列表，并想在我的主页中转换为图表

该列表包含标题、项目状态（选择列）、完成百分比。我想要项目状态的总数如下。下图是从 Power BI 完成的

现在我使用下面的代码来生成一个类似上面的图表

结果是空的，它在页面中返回一个空的 webpart。

问候

所以我的代码工作得很好我的数组语法正确一切都很好

但我发现自己在(in <Chart data = ) 中手动对数据进行硬编码JSX

问题

现在我有 20 个元素，我将不得不手动对其进行硬编码，这不是很有效.. 有没有更好的方法来做到这一点？

我正在一个反应​​项目中绘制一个反应谷歌条形图（材料之一），我正在尝试制作动画。我读过这种图表不支持动画，但我需要这样做，必须有任何方法可以做到。我很难认为新事物比旧事物更糟糕。任何人都知道我该怎么做？我尝试了许多不同的方法，但没有任何效果。这是我的代码：

我在这里阅读了其他一些答案，并相应地添加了该role属性，但它不起作用。

参考：https ://react-google-charts.com/timeline-chart

现在，我使用 - https://react-google-charts.com/table-chart#simple-example创建了表格。但我无法使用 react 更改框的宽度。我找到了使用 JavaScript 的 Bar-format 文档 - https://developers.google.com/chart/interactive/docs/reference#barformat

谁能帮我解决这个问题？

请看图片

这张图片可以帮助理解我的问题。需要一个橙色的勾号。