问题标签 [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.
charts - 谷歌图表,是否有可能有 2 个不同的垂直轴值?
为了更好地理解这个问题,让我在 TradingView 网页中展示一个工作示例,下图显示了 Momentum(面积图)+ ADX(折线图)的组合:
如您所见,有 2 个垂直值,左侧是 ADX,比例通常从 0 到 60(+-),但右侧,它可以增长得更多。
在我尝试在这里达到同样的效果时,动量(面积图)有很大的范围,而 adx(线形图)从 0 到 60,所以当它试图在相同的比例下拟合两个值时,我的蓝线看起来与面积图值相比,它几乎为零。(将鼠标悬停在显示当前为 43 的蓝线上)
所以我想你明白了,每个系列的值是否有可能有 2 个刻度/vAxis?
我已经检查了文档,但这里似乎没有提到我提到的内容: https ://developers.google.com/chart/interactive/docs/gallery/combochart
以防万一您需要提供给图表的选项,没有什么高级的,只是基本的例子:
angular - 谷歌图表不显示标签
我在我的角度应用程序中使用 google-chart。它没有显示 X 轴和 Y 轴标签。它仅在我清除浏览器捕获 2 或 3 次时显示标签。谁能告诉我问题出在哪里?以及如何解决?
angular-google-chart - 如何以角度制作(堆叠+分组)列谷歌图表?
在下面的代码中,我已经输入了角度分量。我在系列对象中尝试过“targetAxisIndex:1”,但它对我不起作用。我会非常感谢帮助过我的人。
javascript - 如何在不同的轴目标中更改特定系列的条形宽度 - Angular 谷歌图表
我正在使用 Angular 谷歌图表上的 ComboChart 开发分层柱形图。虽然我已经在两个不同的轴上分离了两个系列的条形图,能够在另一个前面找到一个条形图,就像需要的那样,我不能只改变一个系列的宽度。我想要像 amCharts 分层柱形图这样的结果:
现在,图表看起来像:
此外,如果有一种方法可以共享相同的 y 轴,同时保持一个条在另一个条之前,而不是 staking,那就太好了。
我一直用于角度谷歌图表选项的代码:
图表正确显示数据,唯一的问题是布局。
一些可能有帮助的参考:
Google Developers - 可视化:组合图 amCharts 分层柱形图 重叠条 - 堆栈溢出报价- 这里的结果是堆积条形图(我不想要的东西)
javascript - 在 Angular 12 webapp 上,Google Charts 组件在组件销毁后也会使 webapp 变得非常慢
我在我的 Angular 12 web 应用程序中完美地集成了 Google 图表,但是显示 google 图表的组件使 web 应用程序在渲染图形动画和动作时非常慢。如果我隐藏了谷歌图表组件,webapp 恢复的速度非常快(在不同的组件中拖放,在谷歌图表组件被破坏后,恢复非常快和流畅)。我尝试了 ngOnDestroy() {// some google destroy} 方法,但没有任何效果。我能做些什么?
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
有人可以帮帮我。
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)));
使用此代码,我将它们转换为数组数组,因为谷歌图表想要这样。
这是我处理的最终数据的一个例子