问题标签 [angular-google-chart]

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 投票
2 回答
26 浏览

charts - 谷歌图表,是否有可能有 2 个不同的垂直轴值?

为了更好地理解这个问题,让我在 TradingView 网页中展示一个工作示例,下图显示了 Momentum(面积图)+ ADX(折线图)的组合:

交易视图示例

如您所见,有 2 个垂直值,左侧是 ADX,比例通常从 0 到 60(+-),但右侧,它可以增长得更多。

在我尝试在这里达到同样的效果时,动量(面积图)有很大的范围,而 adx(线形图)从 0 到 60,所以当它试图在相同的比例下拟合两个值时,我的蓝线看起来与面积图值相比,它几乎为零。(将鼠标悬停在显示当前为 43 的蓝线上)

我的尝试

所以我想你明白了,每个系列的值是否有可能有 2 个刻度/vAxis?

我已经检查了文档,但这里似乎没有提到我提到的内容: https ://developers.google.com/chart/interactive/docs/gallery/combochart

以防万一您需要提供给图表的选项,没有什么高级的,只是基本的例子:

0 投票
0 回答
22 浏览

angular - 谷歌图表不显示标签

我在我的角度应用程序中使用 google-chart。它没有显示 X 轴和 Y 轴标签。它仅在我清除浏览器捕获 2 或 3 次时显示标签。谁能告诉我问题出在哪里?以及如何解决?

0 投票
0 回答
11 浏览

angular - google-chart-angular 缺少依赖项

我正在我的 Angular 项目中设置 google-chart-angular。我已经根据本指南安装了它,并将 GoogleChartsModule 添加到我的 app.module.ts

我认为一切都应该正常工作,但是当我启动项目时,它会告诉我以下内容:

我该如何摆脱这个?我已经尝试了以下方法:只是一个整体的 npm 安装,没有做任何事情。我也从另一个线程得到了这个答案,但这也没有做任何事情,而且我收到了相同的错误消息。

如果有人可以在这里帮助我会很高兴,现在真的很挣扎。

0 投票
0 回答
7 浏览

angular-google-chart - 如何以角度制作(堆叠+分组)列谷歌图表?

这是我得到的图表,但是一个堆叠的数据被另一个重叠

在下面的代码中,我已经输入了角度分量。我在系列对象中尝试过“targetAxisIndex:1”,但它对我不起作用。我会非常感谢帮助过我的人。

0 投票
0 回答
19 浏览

javascript - 如何在不同的轴目标中更改特定系列的条形宽度 - Angular 谷歌图表

我正在使用 Angular 谷歌图表上的 ComboChart 开发分层柱形图。虽然我已经在两个不同的轴上分离了两个系列的条形图,能够在另一个前面找到一个条形图,就像需要的那样,我不能只改变一个系列的宽度。我想要像 amCharts 分层柱形图这样的结果:

分层柱形图示例

现在,图表看起来像:

当前图表 - Angular 谷歌图表

此外,如果有一种方法可以共享相同的 y 轴,同时保持一个条在另一个条之前,而不是 staking,那就太好了。

我一直用于角度谷歌图表选项的代码:

图表正确显示数据,唯一的问题是布局。

一些可能有帮助的参考:

Google Developers - 可视化:组合图 amCharts 分层柱形图 重叠条 - 堆栈溢出报价- 这里的结果是堆积条形图(我不想要的东西)

0 投票
1 回答
31 浏览

javascript - 在 Angular 12 webapp 上,Google Charts 组件在组件销毁后也会使 webapp 变得非常慢

我在我的 Angular 12 web 应用程序中完美地集成了 Google 图表,但是显示 google 图表的组件使 web 应用程序在渲染图形动画和动作时非常慢。如果我隐藏了谷歌图表组件,webapp 恢复的速度非常快(在不同的组件中拖放,在谷歌图表组件被破坏后,恢复非常快和流畅)。我尝试了 ngOnDestroy() {// some google destroy} 方法,但没有任何效果。我能做些什么?

0 投票
1 回答
24 浏览

javascript - Angular js 未定义 window.google

我正在使用 angular-google-chart 版本 0.0.11,即使我尝试使用 0.1.0 版本

它总是失败

当我调试它时,我发现 window.google 是未定义的

我也尝试了以下解决方案,但这也对我不起作用。

https://github.com/angular-google-chart/angular-google-chart/issues/267

有人可以帮帮我。

0 投票
0 回答
16 浏览

charts - 在每个分区的折线图谷歌图表顶部添加一个标记

在此处输入代码我有一个谷歌图表折线图,它表示水平轴上的时间和垂直轴上的 DB。我有两个问题:1)有什么方法可以在图表顶部标记代表或命名每个分区的每个分区,在我的情况下,我需要将每个分区标记为角度说 0 度,90 度 2)我试过所有可能的方法,但 cudnt 这样做,所以我决定在带有箭头和角度标记的图表顶部添加 div。这在 100% 屏幕时效果很好,当我调整大小时存在对齐问题

请帮我解决问题

[我想从谷歌折线图中获得这样的功能,我已经添加了 div,因为我找不到这样的选项][1]

0 投票
0 回答
51 浏览

angular - 带滑块的 angular-google-chart “geochart” 多年来

我正在尝试使用 angular 创建地图,使用 angular-google-chart,“geo-chart”,带有滑块,“@ angular-slider / ngx-slider”,这将显示多年来气候对我们星球的影响。多亏了python“flask”服务器,我在angular客户端上加载了所有数据,我的最终数据数组中有3列:实体->国家名称、年份和当年的数据。为了浏览这些年并加载那一年的新数据,我为滑块创建了一个函数,在那一刻我有滑块的年份,我将做一个过滤器从我的数组中获取确切的年份。整个综合体按其应有的方式工作,也就是说,您可以根据国家的数据,看到这些年来国家的颜色变化。问题是每次我向前或向后推动滑块时,它都会继续“ 就像它继续发出请求并意识到它将无法停止并正常运行代码一样。我希望我尽可能清楚,提前为我用英语写作的方式感到抱歉。就像它继续发出请求并意识到它将无法停止并正常运行代码一样。我希望我尽可能清楚,提前为我用英语写作的方式感到抱歉。

我在下面为您提供了一个示例,说明我希望它如何出现,但我不明白为什么我的“闪烁”而不是它们。 https://ourworldindata.org/grapher/death-rate-by-source-from-indoor-air-pollution?time=1990

它们是我使用的相同数据,唯一的区别是我不使用“代码”列,因为我不需要它已经具有国家名称。 这是我的示例 ,想象每次我使用滑块时它都会轻弹并更改数据

地理图

滑块

到达我的数据是一个对象数组

this.mappedToArray = data.map((d) => Array.from(Object.values(d)));

使用此代码,我将它们转换为数组数组,因为谷歌图表想要这样。

这是我处理的最终数据的一个例子

这是我的最终数据