问题标签 [react-google-charts]

我在我的 nuxt 项目中使用 vue google 图表。当我更改日期选择时，数据会发生变化，并且我的 geochart 组件中的计算方法会读取正确的新数据....但是底部的图例（颜色条）不能正常工作...而是读取NaN NaN...因此，图表显示了正确的数据，但不是正确的颜色编码。为清楚起见附上屏幕截图。（将鼠标悬停在国家/地区上会显示正确的数据，但由于未启动颜色映射，因此两个国家/地区显示相同的颜色阴影，尽管值显着不同）

这就是我加载图表的方式：

国家地图----

我正在尝试创建一个包含多列和负数的谷歌图表。

数据：

如果我们将数据替换为http://jsfiddle.net/p7o0pjgg/ 并删除以下代码，但左右 y 轴未正确水平为 0。

是否可以对齐左右y轴？

视窗：{ 最小值：0，最大值：1000 }

我想从 Google 表格 URL 创建 WordTree 作为数据源

wordTree 图表位于： https ://developers.google.com/chart/interactive/docs/gallery/wordtree

并且可以找到更改数据源 https://developers.google.com/chart/interactive/docs/drawing_charts

但是我不断收到错误并且无法抓取工作表并且代码无法运行

我有一个如下所示的 JavaScript 数组：

我希望使用 Google Charts 创建条形图。下面的代码给了我一个空图表......没有条形图。x 值应该是标签，y 值在图表中创建条形。我是否必须手动将数组值推送到数据表中？如果是这样，这将如何完成？这是代码的摘录，n 是 JavaScript 数组：

在我指定的 HTML 标头中

演示链接：https ://codesandbox.io/s/tender-sun-p8ncv?file=/src/chartConfig.js

我想改变两个条之间的距离以及条的厚度。在阅读了谷歌文档后，我意识到你可以通过修改来调整两个条之间的间距，bar: { groupWidth: '60%' },但是如果你想固定单个条的大小，我不确定在那里使用什么。

这是我的配置：

有谁知道如何调整条形宽度而不仅仅是条形之间的间距？

嗨，我有如下所示的 JSON 数据：

我想把它推到一个数组中，让数组看起来像这样：

现在，它看起来像下面的数组，我不知道如何格式化它看起来像上面。下面也是我用来填充数组的代码。希望获得有关如何格式化数组的帮助。

有没有办法从 CSS 文件根属性控制谷歌图表图例字体系列和字体大小？例如

在样式表中：

如何在 Google 图表图例上应用var(--font-fam 或 --font-size 或 font-col) ？

我试图将水平轴限制在两个点（最小值和最大值）。

我曾尝试对 haxis 使用 tick 属性，但它似乎对我不起作用。

这是我尝试过的代码片段。

请帮忙

我正在使用ComboChart图书馆React Google Chart。这是我的功能组件的外观：

我正在努力调整宽度，如下所示：

当我将图表区域宽度设置70%为时，它允许我查看 ylabels，如下所示： 但它会切断 x 轴标签，因为您可以看到它们折叠为...s。而当我将宽度提高到 90% 时，它会覆盖 x 轴标签，但会折叠我的 y 轴标签：

如何创建涵盖两种情况的最佳情况？

我正在使用谷歌图表在地图上显示标记。它只有简单的圆圈。如果可能，我想使用自定义图像和动画。

我真的不明白为什么它不起作用。这是CSS无法完成的事情吗？