问题标签 [am4maps]

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 回答
553 浏览

javascript - AmCharts 4 地图中的聚类标记

我有一个带有某些数据点作为自定义 HTML 标记的 am4maps 图表。当附近有多个数据点时,它们看起来非常复杂。如果有一种方法可以在某个缩放级别对标记进行分组或聚类,然后在放大时取消分组或显示各个点,那就太好了。

例如,东南亚似乎有很多密切相关的点:

类似于谷歌地图提供的集群。我在文档中搜索了 AmCharts,但找不到有用的示例。

如何在缩放级别对图像系列中的数据点(或标记)进行聚类?

另外,如何用值标记标记?

这是一个有效的 CodePen:https ://codepen.io/chechs/pen/ZEEexMN

0 投票
0 回答
133 浏览

javascript - 如何在 amchart 脚本中传递用户输入和自定义函数创建?

我正在使用 am4chart 脚本绘制地图并希望使用用户给定的地理坐标点。我正在接受如下输入:

我想在给定脚本的 amchart 中定义我的函数,例如:

但我得到了错误:

未捕获的 ReferenceError:未在 HTMLButtonElement.onclick 处定义点

如何传递点数据以在地图中显示标记?

这是地图绘图的完整脚本:

0 投票
0 回答
78 浏览

javascript - 如何将动态数据推送到 AM Charts 4 数据属性

我正在尝试使用 ajax 加载数据以使用下面的代码填充我的地图数据属性。

当我 console.log(polygonSeries.useGeodata) 我得到以下 [![enter image description here][1]][1]

country_arr 数据也在此数据属性中,但它被添加到数组中,如下所示:[![enter image description here][2]][2]

我怎么了?

这是我第一次使用这个库。[1]:https ://i.stack.imgur.com/hyTxi.png [2]:https ://i.stack.imgur.com/7Y1FY.png

0 投票
1 回答
860 浏览

javascript - 如何在页面加载时发出 axios get 请求,然后用该数据渲染 am4chart?

我有最古怪的错误。就像....最古怪的!如果你们中的任何一个想要关注这个,awesomesauce!我真的很欣赏它!我正在使用 REACT、Redux、SQL、HML、Material-ui 和 CSS 创建调查。

我使用数据库中的数据创建了带有 am4charts 的信息图。一切正常,并将显示在页面上......但不是页面加载。我在控制台中看到的是页面将加载,它会触发我的获取请求,但返回数据的速度不够快(我认为)。到 get 请求加载时,我的图表已填充没有数据。

这是我正在呈现的页面的代码。真正奇怪的是,一旦我的代码运行,我就可以剪切一行代码(我一直在使用控制台日志)。然后图形将呈现并加载。

我试图解决这个问题的方法:

我尝试使用两个 useEffects,如下所示:

但是由于某些古怪的原因,使我的服务器陷入了无限循环。然后我尝试了:

并且图表将加载,我将在服务器端和浏览器中看到我的控制台日志......但我的图表中没有填充数据:(

如果有人想看看,这就是我的服务器获取我的数据库的请求以及数据库的 sql 数据。

0 投票
0 回答
9 浏览

javascript - 与 am4map 一起使用时自动完成功能不起作用

我在上一个问题上犯了一个错误,所以我再次发布添加更多信息。我在页面中使用 am4maps 以及带有自动完成功能的谷歌地图。问题是当我显示 am4maps 地图时,谷歌自动完成窗口结果消失了,我无法使用它。

我有一个主组件,上面有两个子组件:Map 和 DetailView

地图组件:

详细视图组件

当我将 Map 组件与 detailView 一起显示时,谷歌地图自动完成窗口消失了……我不知道是什么原因。有什么建议吗?

谢谢