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

javascript - Amcharts xycharts中同一列的不同颜色

我想将 amcharts 中相同列的颜色更改为第一个绿色为红色,第二个为绿色作为账单。系列图表定义堆叠列的颜色,但同一列的颜色不同 [demo] ( https://jsfiddle.net/rfgwaohp/ ) 在这里

0 投票
1 回答
689 浏览

angular - 从 amcharts 工具提示中删除填充

我在我的角度项目中使用 amcharts 4,对于工具提示,我编写了以下代码行:

背景填充和标签工作正常,但填充仍然存在,如何删除填充?

我想删除工具提示中的空白。

在此处输入图像描述

0 投票
1 回答
710 浏览

colors - 如何在 amCharts v4 中有条件地设置颜色并为饼图切片制作渐变?

编辑是一支代码笔。


有两个主要目标:

  1. 根据具体情况为切片设置不同的颜色。
  2. 使颜色渐变,基于amount.

更多信息:

1. 根据具体情况为切片设置不同的颜色。

编辑代码笔所示,我设法找到了解决方案,但我不知道它有多好。

我想根据特定条件为切片设置不同的颜色,即特定的“类型”和“排序”。

例如:

2)根据数量使颜色渐变。

例子:

有 10 个项目是绿色的,每个项目都有不同的数量。数量最多的切片应具有较深的颜色,而数量最少的切片应具有最浅的颜色。


我通过ajax获取数据:

我从中获得的数据$dataStockUrl格式为:

0 投票
2 回答
102 浏览

javascript - 如何/是否可以在 amcharts 中创建堆叠区域和折线图的组合

我正在创建一个结合堆叠区域和折线图的图表。我想知道在 amcharts 4 中是否真的可以创建这样的组合。

我浏览了文档,找不到任何方法来创建堆叠面积和线条的组合图表。

我期待的输出是这样的:

图片

0 投票
2 回答
979 浏览

amcharts - AM 图表 4 带有正数的不同负颜色问题的线

在此处输入图像描述

在此处输入图像描述我是 AM 图表 4 的新手,并使用下面的图表来显示具有范围的数字的增加和减少:

https://www.amcharts.com/demos/date-based-line-chart/

我的数据源中的所有值都是正数,因为阴影区域或填充覆盖了图表中的整个区域,而不是示例中的特定区域。

我的图表设置:

范围.值 = 100000;

范围.endValue = 1000;

我想知道这个图表只有在我们在图表数据集中有负数时才有效,或者它也可以使用正数来共享/填充示例中的区域。

0 投票
1 回答
1235 浏览

angular - 悬停时在amcharts 4中堆叠单列

请检查此stackblitz链接

在悬停时,您可以看到具有不同计数的工具提示,我想在悬停时显示堆叠列,像这样 这个我尝试在第一个系列的“结束”事件上创建第二个系列(在代码中可以看到相同),但它不工作。

有没有办法在 amcharts 中实现这一点?

0 投票
2 回答
1814 浏览

angular - 使用 amcharts4 编译 Angular 8 CLI 项目时出现问题

我将使用 @amcharts/amcharts4@4.3.5 的应用程序更新到 Angular 8,现在编译它时遇到问题。

已将 amcharts 更新到 4.4.10 版。但问题依然存在。

0 投票
1 回答
605 浏览

javascript - 在 Angular 中单击 amcharts4 中的自定义图例时切换列系列

这是我的 Angular 应用程序与 amchart 的 stackblitz 链接。 Amchart Angular 应用程序

出于用户体验的原因,我保持图表堆栈颜色相同。现在在代码中,如果我使用 amcharts 默认图例(代码的第 225 行),一切正常。在单击图例时,它会相应地过滤堆栈图,但再次出于 UX 原因,我使用自定义项作为图例(代码中的第 227 到 235 行),在这里,当我单击图例时,堆栈列没有得到相应的过滤。这种场景下如何实现amchart的默认图例行为?

0 投票
1 回答
1345 浏览

javascript - 如何为amcharts添加圆角?

我正在创建一个 amchart。它包含一些图表数据,为此我想为图表的两侧制作圆角。

当我在所有图表数据中添加第一个元素时,它正在工作。

我已经包含了我尝试过的 codepen 链接。 https://codepen.io/meeravali_shaik/pen/xobPOB

提前致谢。

0 投票
1 回答
290 浏览

amcharts - amcharts valueaxis 增量方式缩放

我的值范围从 1 到 40 000,我试图在 amcharts 序列图上绘制。由于图表是自动缩放取决于值范围,因此小于 500 的值(例如:10、50、100...)在 x 轴本身上显示为线。在这种情况下,自动缩放为 0-1000-2000-3000...

如何以增量方式实现缩放,即 0-10-100-1000-10000 ... 以便包括低价值蜡烛在内的所有蜡烛也获得显着可见度。

或建议任何更好的方法来让所有图表蜡烛在图表中可见。