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

angular - Am4Chart 无法获取已绘制图表的实例

我正在寻找一个脚本来获取图表的实例。我只得到以下一个。

我遇到的唯一问题是它正在创建图表的新实例,从而导致破坏当前图表。

我想使用这个图表实例并以某种方式将其导出为图像,然后将其与其他一些数据一起转换为 PDF 文件。我正在使用 Angular 5.2、html2canvas 下载为 PDF

0 投票
1 回答
500 浏览

javascript - 如何处理 Amchart 4 光标高度?

如何根据系列形状使 Amchart 4 光标高度动态化?

它正在处理 Amchart 3

v3:停在所选值或项目符号上(这就是我需要的)属性名称“limitToGraph”

在此处输入图像描述

V4:高度 100% 溢出子弹

在此处输入图像描述

那么任何想法如何处理呢?

0 投票
1 回答
1195 浏览

javascript - AmChart V4:可点击的类别轴标签(堆积柱形图)

我使用 amchart 4 创建了一个XYChart,更准确地说是一个堆积柱形图,我想让列标签可点击。这是我所做的(用一点树枝):

url属性的最后一行允许单击列的“单元格”并重定向到专用于所表示值的页面。我想让列的标签也可以点击。我试图做这样的事情:

问题是标签没有被独立处理,它们重定向到同一页面。我想使用该url属性,但点击的目标是在标签上而不是列本身。我会使用类似的东西series.columns.template.labels.url或者可能是该urlTarget 属性,但这些似乎都不起作用。

0 投票
0 回答
472 浏览

angular - Amcharts4 + Angular 多边形(国家)不出现

我对他有同样的问题:https ://github.com/amcharts/amcharts4/issues/1146

在本地服务器中,一切都很好,但在 Prod 中,我只有地图的背景,但缺少多边形。

有没有人有解决方案?

那是我的代码:

我没有消息错误,只是国家没有出现在我的在线网站上。

0 投票
1 回答
160 浏览

amcharts - 具有丰富 HTML 内容的工具提示无助于创建所需的 UI?

我有一个带有数据对象的 XYChart

和一系列 tooltipHTML 适配器作为

因为我尝试过引导类,但它们都不能在 tooltipHTML 中工作。

我想要的是这样的想要的样子

但到目前为止我试过是这样的当前外观

请帮助或参考是否有另一种在工具提示中添加真正丰富的 HTML 的方法

指向代码笔的链接

0 投票
1 回答
599 浏览

javascript - amCharts 4 - 第二个 Y 轴不显示值

我正在使用 amCharts 4 js 库设置一个新图表。我需要在左侧和右侧都显示 y 轴。

我按照文档并为第二个 y 轴设置“opposite = true”(将其放在右侧)。这个 Axis 似乎被渲染但没有左侧的值。

如果我只使用一个 y 轴并设置“opposite = true”,它会完美运行。但是当我为第二个 y 轴设置它时,图表不显示右轴的值,而只显示左轴的值。

https://jsfiddle.net/zs2gnd41/

在这个 jsfiddle 示例中,图表有右侧 Y 轴的“空白”空间,但它没有显示它。如果您注释掉上述代码段的最新 2 行,图表将变得更宽。

你有什么主意吗?非常感谢

0 投票
1 回答
395 浏览

javascript - 有没有办法改变轴标签?

我正在更新我的工作中的一些代码并遇到问题,在 amcharts3 上,x 轴的标签不是数据绑定到的。就像图表的数据绑定到一个日期,但在标签中显示另一个值(该值在数据集中),并且在 amcharts4 上找不到这样做的方法。

我尝试创建另一个 x 轴,但数据看起来不正确。

它应该是 ax 轴,显示数据集中的值,但只是显示,轴应该绑定到数据集中的另一个值。如果这是有道理的。

0 投票
1 回答
130 浏览

javascript - amcharts4 水平条形图列右侧的工具提示

我有一个amcharts 4水平条形图,就像这个小提琴一样。我想在列的右侧有工具提示,工具提示指针接触列的末端

我努力了

但这并不能提供想要的结果。我也尝试过玩horizontalCenter, rotation,但没有成功。

0 投票
1 回答
518 浏览

javascript - 在不同宽度的可排序 div 中使用 amchart

我有一个用引导程序制作的页面,我在这个页面中有两个不同的部分,第一个使用“col-lg-12”,第二个使用“col-lg-6”,它们都是可拖动的。我想在其中放一些 amcharts 一切正常,我的图表是响应式的,但是当我将大部分中的 div 移动到小部分时,图表响应功能停止工作并且不会自动调整大小。我的html代码

我的js代码

这是我的完整代码: https ://jsfiddle.net/primemb/va0n4xs3/6/

0 投票
1 回答
211 浏览

amcharts - 如何根据条件动态更改子弹的颜色

我正在使用 amchart4 开发分析仪表板来呈现图形。但我不知道如何根据条件更改项目符号颜色

在此处输入图像描述 问题是关于bullet1,bullet2 现在,bullet1 颜色是RED,bullet2 是Black 但是,如果bullet1>bullet2 bullet1 颜色是RED,我需要动态改变颜色

如果 bullet2>bullet1 bullet1 颜色为绿色

有没有办法可以达到这个结果。 在此处输入图像描述