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

javascript - 如何从 amChart 中删除“amCharts 的 JS 图表”文本?

如何从 amChart 图表中删除品牌文字?

amCharts 的 JS 图表

有没有办法在图表配置中删除该文本?

此类图表的图像:

在此处输入图像描述

0 投票
1 回答
5108 浏览

amcharts - Trying to set custom colours for a chart

I'm trying to add custom colours to a column chart, so each column has a different colour. I have the following code:

It renders the chart fine based on the dataprovider I create but it is not setting the colors. I got the colours code from here: https://www.amcharts.com/docs/v4/concepts/colors/. The XY Chart and derivative charts section

I tried to use a theme, but that didn't work either:

It sets all the columns to the first colour. Then I tried adding a color property to the dataProvider for each column but again it sets them all to have the first colour.

I'm pretty much out of ideas.

0 投票
1 回答
975 浏览

javascript - amcharts4 在对数值轴上处理零值的正确方法

我想在amcharts4中显示一些种类繁多的数据,所以我喜欢在数值轴上使用对数刻度。不幸的是,数据包含一些零值,当然不能用对数刻度显示。

我试图在渲染图表之前将零值更改为 1,这会起作用,但现在这些值不再正确。

有没有更好的方法来处理对数值轴的零值,我可以显示正确的数据?

是一个代码笔,它显示了我当前的解决方案。

0 投票
1 回答
1181 浏览

javascript - 如何使用 amCharts 对用作项目符号的图像进行舍入?

我的 amCharts 项目中至少有两个图像项目符号,我想对其中一个名为"bullet"的图像进行舍入。这是存在“子弹”的行...

我在这里找到了关于四舍五入自定义图像的教程。它们在 amCharts 中用作项目符号,但它会舍入每个项目符号图像,我希望它只舍入“项目符号”而忽略“项目符号 2”

这是我的代码(需要全尺寸):

0 投票
1 回答
991 浏览

javascript - amcharts4 动态位置标记

https://www.amcharts.com/demos/custom-html-elements-map-markers/

单击按钮时,我需要添加位置标记。我尝试了imageSeries.data.push,和其他方法addDatainit但是当我移动图表 ( mappositionchanged) 时会触发位置更新。我需要让它自动工作而不移动或缩放图表。

我正在使用 amcharts 版本 4。

0 投票
1 回答
1239 浏览

javascript - 如何放大amCharts系列的第一个子弹?

这是我要修改的图表:

在此处输入图像描述

正如您所看到的,它是一个折线图,并且图像覆盖在每个系列的第一个项目符号上(用户图像!)。

现在我想要一个围绕每个图像的圆圈,其颜色与每个系列的线条相同。

像这样的东西:

在此处输入图像描述 我认为,如果我们可以扩大每个系列的第一个项目符号,我们将归档该目标。

这是代码创建项目符号及其属性的位置,但此处的更改将影响userA_series中的所有项目符号:

这是整个代码:

HTML

CSS

0 投票
1 回答
1899 浏览

reactjs - 如何设置 Amcharts 4 滚动条颜色?

我正在尝试在 Amcharts 中设置滚动条颜色,但在 Amcharts 网站上指定的选项均无效。

我在反应应用程序中使用“@amcharts/amcharts4”:“^4.2.2”。

我尝试了许多下面提到的选项。他们都没有工作。

谢谢您的帮助。

0 投票
1 回答
97 浏览

javascript - 多个循环和推送到数组的问题

我正在将 Angular/Typescript 与 amcharts 库(版本 4)一起使用,特别是多线图。在构建图表数据时,它似乎只在一次推送到图表数组时才能正常工作。

这是我的代码:

像上面那样做只会渲染图表上的第一行。我需要弄清楚如何一次完成所有这些推送,以便在循环之后看起来像这样:

我正在迭代的对象如下所示:

在此处输入图像描述

0 投票
1 回答
29 浏览

javascript - 如何将 SVG 和字体过滤器应用于 amcharts4?

我正在尝试将过滤器应用于我的 JS 对象,其中<%=strKey%>是动态脚本对象名称,因此,每次迭代,名称都会更改。

文档仅列出 JSON 格式。我将如何将其应用于我的实施?

我实际上是想让阴影出现在半圆形仪表下。请问有什么建议吗?

0 投票
1 回答
1027 浏览

javascript - 如何在 amcharts4 中使用仪表图更改字体颜色和降低垂直对齐标签?

我正在尝试在 amcharts4 仪表图表的标签中添加两行,每行使用不同的字体:

在此处输入图像描述

即使我horizontalCenter设置为middle,字体仍然是左对齐的。

![在此处输入图像描述

其次,看来我仅限于图表底部。我可以在图表之外添加一个额外的标签(“进度”),但想知道我是否可以将其作为标签的一部分。该文档似乎没有显示如何设置多个标签,也没有显示如何更改此标签的颜色。

====================

更新

由于我有两个轴和一个标签,我想为每个轴使用标签文本,因为每个轴的字体大小和颜色都不同,而不是使用单个图表标签。

在尝试遵循这个例子时,我得到了这个:

在此处输入图像描述

使用此代码,<%=strKey%>动态对象名称在哪里:

我想我可能需要为此参考radarContainer,并且只希望每个轴定位一个标签。

更新

这显然不是我想要的,因为我需要两行不同字体的标签。