问题标签 [amcharts4]

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

angular - amcharts 堆叠条形图 - 突出显示值(更改 alpha)以响应事件

我有一个用amcharts构建的条形图。我按照这个例子构建了堆积条形图。

如果我将鼠标悬停在页面中的其他元素(例如表格)上,我正在尝试更改框的 alpha(或颜色)。例如,如果用户将鼠标悬停在我页面某处的相应表格单元格上,我想更改 (2003, Europe) 框的 alpha(或颜色)。

我已将我的图表放在一个 6 角组件中,但我想这并不重要,只要我正确捕获输入更改事件。


编辑 1。

我仍在努力导航对象。我建立了一个条形图,它看起来不错

然后我有四个列系列,一个用于我数据中的每个字段。我可以按字段排列系列。

但我想不出一种方法来访问对应于国家和特定字段的元素。我看到的是四个,每个字段一个,ColumnSeries没有任何columns属性。我的里面am4core.registry.baseSprites[0]没有series

这是我的完整代码:

上面,series.dataItem.dataContext是未定义的。

0 投票
1 回答
66 浏览

javascript - 如何在 ForceDirectedTree amcharts 中的气泡上添加自定义事件

如何在单击时更改子气泡的颜色或在子气泡上添加悬停效果。我试过这样:

但它并不令人耳目一新。这是示例代码:http: //jsfiddle.net/gasnvf0j/

0 投票
1 回答
1432 浏览

reactjs - 如何在amchart中制作不同颜色的标记

在这里,我将 amcharts 与 React 一起使用。

请看看我的截图。

我想要完全一样的,它即将到来,但是那些黄色的标记我想将一些标记更改为红色和绿色。

有可能这样做吗?

在此处输入图像描述

我已经分享了下面的截图,请看一下。

我是从 amcharts 地图演示中找到的

0 投票
0 回答
18 浏览

amcharts - 尝试使用 Amchart 绘制三条线,但未绘制线

我是amchart的新手。试图在图表中绘制三条线,其中 x 轴是时间戳,采用月-日时:秒格式 (HH-dd HH:s)。

任何形式的帮助将不胜感激。像这样设置时间:

这是 jsfiddle http://jsfiddle.net/azaman13/dymhbjk1/4/的链接

0 投票
0 回答
46 浏览

amcharts4 - 如何使 CategoryAxis 背景不透明度 = 1

我在 RadarChart 上有一个 CategoryAxis,我想让背景变成不透明度 = 0.5 的浅灰色。

我该怎么做?

0 投票
1 回答
550 浏览

amcharts - amCharts 4 - 如何使图表宽度与不同长度的 ValueAxis 标签相等

至少在 amCharts 4 中,图表宽度似乎取决于 valueAxis 标签的长度(例如,位数)。例如,以这个 codepen中的图表为例。顶部图表标签的精度设置为 8,底部图表的最大位数为 5 位(例如,“10,000”为最大值),底部图表的宽度可以通过以下方式等于顶部图表的宽度包括以下内容:

但是,如果底部图表的 valueAxis 标签中的位数发生变化,则左边距不再正确。例如,取消注释第 22 行以查看此内容。如何使图表宽度与 valueAxis 标签长度无关?

这个答案讨论了 amCharts 3 的解决方案,但 amCharts 4 中似乎没有 minMarginLeft 属性。

0 投票
1 回答
372 浏览

json - 如何使用 laravel api URL 显示 amchart 4

您好我正在尝试将我的图表从 amchart 3 更改为 amchart 4,我使用的是 laravel 5.7 Api。问题是当我试图从我的 laravel 的 api url 获取图表时,图表显示“无法加载文件:我的 laravel 的 url”

有人可以帮助解决这个问题吗?

0 投票
1 回答
288 浏览

javascript - 为什么 tooltipPosition = "fixed" 不起作用 (amCharts v4)

为什么 tooltipPosition = "fixed" 不适用于我的地图?我阅读了文档并按照它说的做了。(https://www.amcharts.com/docs/v4/reference/tooltip/

完整代码: https ://codepen.io/nefayran/pen/BEmQvE

0 投票
1 回答
440 浏览

angular - AmCharts XY 图表 - 如何在 Angular 中单击时弹出模式?

当用户单击数据点时,我们需要显示模式窗口。

我们的代码是:

在此处输入图像描述 我们能够在控制台中看到日志数据.. 但不是模式。我们如何解决这个问题?

0 投票
1 回答
14 浏览

axis-labels - 如何确保打印所有标签 - 无论如何

我的图表没有太多空间,并且并非所有标签都被打印出来。如何避免 amCharts V4 在我的标签中添加 display = none?

见图表

谢谢!