问题标签 [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 投票
0 回答
130 浏览

reactjs - 移除 Y 轴及其网格线

我在用着react-google-charts

这是我的图表代码

我在那里添加了 hAxis 选项,因为我想完全删除 Y 轴(它是条形,它是编号,它是水平穿过图形的网格线),但它们似乎没有任何效果,我能做什么做什么来实现呢?谢谢

0 投票
1 回答
381 浏览

charts - 谷歌时间线图使第一列可点击

我正在使用谷歌时间线图。是否可以通过将第一列设为 html 来使其可点击?

我尝试使列(用户名)允许 html,这样当我尝试添加行时,我可以将其作为这样的链接<a href="http://www.google.com">Google</a>

但这似乎不起作用,它被呈现为纯文本。

0 投票
0 回答
106 浏览

php - 从数据库提取值的谷歌图表生成条形图的问题?

我的数据库表(test_12)如下:

我用来绘制条形图(谷歌图表)的代码如下:

我得到的结果附上请帮助我解决问题。正在显示数据库连接,图表在所有轴上显示空值。 在此处输入图像描述

提前致谢。

0 投票
1 回答
137 浏览

charts - google-visualization-tooltip 如何计算 left 和 top 值?

google-visualization-tooltip 如何计算 style 的 left 和 top 值?示例-在调试时我可以看到:-

我如何相对计算它,以便工具提示显示在顶部并与悬停的点居中对齐,而与元素的宽度无关?

0 投票
3 回答
2890 浏览

javascript - 如何使 react-google 图表标签可点击

我正在研究 react google-chart react-google-chart并且工作正常。我想要做的是将点击事件添加到水平轴的标签并获取标签名称并做我想做的事情

我有很多谷歌但没有找到正确的解决方案

我所做的是这个

工作代码当用户点击月份标签时我想要的工作代码它应该触发任何事件或控制台

Javascript 用 Javascript找到了这个

0 投票
2 回答
1623 浏览

javascript - 如何使 react-google 图表双 y 轴

我正在使用react-google-chart,我想做的是制作一个双 y 轴 ColumnChart 我已经用纯 Javascript 完成了

我的问题是反应我想用反应来做,但不知道如何实现materialChart.draw

这是我想像上面一样转换它的反应代码

编辑/更新

在这里,我正在尝试使用双 y 轴构建一个条形图React-google-chart,我已经使用普通的 javascript 完成了这个,但是在使用 react 时遇到了问题。请检查我分享的示例。

0 投票
1 回答
250 浏览

reactjs - 需要通过鼠标拖动选择react google散点图中的点范围

这个问题之后,我一直试图让@whitehat 接受的答案与 react-google-charts 散点图一起使用。

我设法创建了矩形,但拖动工作非常缓慢,我相信这是由于每次更改都重新渲染。我尝试将 div_select 作为导入组件并将其放在 scatterPlot 容器组件中。

知道什么是正确的方法吗?

这是一个代码示例:

0 投票
1 回答
767 浏览

reactjs - React Google 饼图样式化标题

我正在尝试使用谷歌反应饼图但是我很难定位标题。

这是我的代码:

这是我得到的:

在此处输入图像描述

我想要的结果是将标题放在图例之上,但我不知道该怎么做。

这是我正在使用的 npm 包的链接:

https://github.com/RakanNimer/react-google-charts#donut-chart https://github.com/rakannimer/react-google-charts/blob/master/sandboxes/pie-chart/index.js

0 投票
1 回答
781 浏览

javascript - 反应谷歌图表 - 折线图样式

我正在尝试增加使用 react-google-charts 实现的折线图的线条粗细。我已经阅读了文档,但与线条粗细相关的任何内容都不起作用。如何增加线条粗细并为线条赋予单独的颜色。以下是我增加线条粗细的实现和方法

lineWidth: 10对线条没有做任何事情。

0 投票
1 回答
1164 浏览

charts - 谷歌图表栏水平移动注释位置到堆叠图表的中心

我正在使用 Google Chart 的柱形图。该图表是一个堆积柱形图,为堆积柱形的每个数据点添加了注释。注释位于栏内侧的右侧,但我希望它们位于栏内的中心。

我正在使用开始解决方案查看此页面。此页面 带有函数“moveAnnotations()”,但我无法获取水平条形图的代码。

谢谢你的帮助,我迷路了。:(