问题标签 [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 回答
708 浏览

typescript - 有什么方法可以设置 Amcharts4 animate gauge 的值区间吗?

我正在amcharts4 animated gauge以角度实现并实现这个amcharts示例

例子

animated gauge我的ts 文件中有这些配置

在此示例中,仪表的刻度从 0 开始,以 100 结束。刻度值之间的值间隔为 10,就像刻度值从零开始并显示为 10 20 30 40 50 60 ... 100。但我想要起始值 100和结束值 500 和值间隔 100 以便我可以显示仪表刻度值,如 100 200 300 400 500。如何在 amcharts4 动画仪表中设置值间隔?

0 投票
1 回答
993 浏览

javascript - 限制柱形图中am4charts LabelBullet中的0或空值

我在 am4charts 中使用柱形图,从 ajax 调用我正在渲染图表。我还添加了 LabelBullet 以显示标签中每个条的值,但有时特定条的结果将为 0 或 null。在那种情况下,我无法处理弹出空值的标签。

我将发布这两种情况,请帮助限制 0 或 null 值。

不添加标签的小提琴:

https://jsfiddle.net/Knavaneeth/89xz0yok/1/

小提琴添加标签:

https://jsfiddle.net/Knavaneeth/6eub51cz/1/

最后,我需要一个解决方案,仅当有值、0 或其他值不应该显示时才在图表中显示标签。

0 投票
1 回答
242 浏览

javascript - amCharts4:相关交互后折叠的图表变为空白

我在一页中有六个图表,三个仪表和三个 XY 图表。3 量规图表始终可见,而 XY 图表默认折叠。

在页面加载时,所有图表都被正确绘制,无论它们是否折叠。但是,如果我刷新所有图表,例如在更改日期选择器值之后,所有折叠的图表都会变成白色。

我怎样才能避免这种情况?是否有使图表大小无效的命令,或者只是在调整 div 大小时重绘它?

编辑:

我能够使用选项卡重现类似的行为:在页面加载时,所有选项卡都正确显示,但是如果我单击刷新按钮来重绘图表,当前不可见的选项卡将变为空白。

你可以在这里查看:https ://jsfiddle.net/giulia_pinnisi/cqoz5vbg/13/

非常感谢你

朱利亚

0 投票
0 回答
201 浏览

amcharts - 工具提示中的本地化日期格式

在我的图表中,我在日期轴上按天显示收入数据。我想在由语言环境设置格式化的工具提示中显示日期,即 * en-us: 2019-03-19 * de DE: 19.03.2019

我在这里创建了一个受 amcharts 示例启发的 codepen:https ://codepen.io/Me12345678/pen/vPorre

当我指定语言环境时,工具提示仍显示 en-US 格式:

我可以在工具提示文本中格式化日期,但格式是静态的,不会随语言环境而改变:

有没有办法指定抽象格式,如“没有时间的日期”或“有时间的日期”或“仅限月份”,以便 amcharts 根据语言环境设置显示它?

谢谢阅读 :-)

0 投票
1 回答
75 浏览

amcharts - 如何更改 AM 条形图中图例的颜色?

我现在拥有的是 当前的

但我想改变 Legends 的颜色,并实现如下所示,因为它应该与条的颜色相匹配。 想要的一个

尽管尝试了带有填充属性的chart.legend.backround.fillchart.legend.data,但我无法更改颜色

0 投票
1 回答
555 浏览

image - 在 Amcharts v4 pdf 导出中包含图像

我想在我的 Amcharts pdf 导出中添加徽标和其他图像。版本:Ubuntu 16.04 上的 PHP 7,Amcharts 4。

我关注 了 https://www.amcharts.com/docs/v4/tutorials/generating-multi-content-pdf-export/

我有标题、文本图表和表格。该示例不包括图像,但我在这里查看了 PDFmake: https ://pdfmake.github.io/docs/document-definition-object/images/

在 amCharts 表等中使用以下块:

在 PDFMake 中,语法是:

和图像:

所以我尝试了:

并在服务器上放一张名为sampleImage.jpg的图片和php文件在同一个文件夹下

我希望将图像添加到我的 report.pdf 下载中,但它不起作用。任何想法表示赞赏。具体来说,什么是正确的语法,我应该把图像放在哪里?我想避免将图像转换为:data:image/jpeg 格式的麻烦。

0 投票
3 回答
12196 浏览

javascript - 在 React 中,如何从链接或其他组件添加 URL“字符串”作为对象的属性

在 React 中,我将一个对象的 URL 属性(特别是 amcharts chart bullet.url)设置为“../members/{member.name}”,它是一个字符串,它可以毫无问题地呈现。单击该链接可正确导航到该页面。但是,似乎所有先前加载的状态都需要重新加载。它是一个新的 React “会话”吗?

我尝试使用 Link 使用各种表达式设置属性。但似乎没有一个按预期编译。我发现的大多数文章都与 Link 或持久状态的基本用法有关。

以下工作渲染和导航,但所有状态都在新页面上消失了:

我在想我缺少一个 React 概念,或者是一种设置链接 URL 的简单方法。我想导航而不“重置”所有先前加载的状态。

0 投票
1 回答
749 浏览

angular - 没有悬停事件的 Amcharts4 标记 html-tooltips

我正在使用示例将地图标记放在点击上,我的目标是mapMarker.tooltipHTML默认显示元素,而不是将鼠标悬停在它们上。欢迎使用任何替代方法,例如创建 html 标记。

0 投票
1 回答
1191 浏览

amcharts - 如何使用带有角度 7 的 amcharts 4 将 y 轴格式化为货币

我查看了 amcharts 版本 4 ( https://www.amcharts.com/javascript-charts/ ) 的文档,但似乎无法找到如何将 y 轴格式化为货币。有关于以其他方式格式化 y 轴的文档,但货币似乎不是其中之一。有谁知道如何或从哪里开始?

https://www.amcharts.com/javascript-charts/

到目前为止,我有上面的图表,只需要知道如何或在哪里将 y 轴格式化为货币。当您将鼠标悬停在格式化为货币罚款的行上时,我目前有标签,因为这相当简单。这是我创建轴的功能:

0 投票
1 回答
1372 浏览

javascript - 在 Amchart 实例之上添加 HTML 元素

我在文档中找不到这个,但是否可以在 Amchart 实例之上添加自定义 div 元素?

这样:

UL 显示在实例底部?

JS:

如果我错过了文档中的某些内容,我深表歉意 - 希望有人能指出我正确的方向!