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

javascript - 在amcharts甘特图中画一条代表当前日期的垂直线?

*在当月画一条垂直线。这里是示例代码 * https://codepen.io/anon/pen/PgELdM * 这就是我想要实现的 * https://ibb.co/XjVn4WC

0 投票
1 回答
90 浏览

amcharts - amCharts 4 - valueAxis 工具提示精度太低

见此。valueAxis 的 maxPrecision 为 8,数字格式允许 8 个有效数字:

但是,valueAxis 工具提示似乎只显示 4 个有效数字。数据有6。

如何将 valueAxis 工具提示设置为至少 6 的精度?

0 投票
1 回答
1509 浏览

amcharts - amCharts 4 - 如何禁用滚动条以防止缩放和平移

见此。如何在不更改图表顶部位置的情况下禁用滚动条以防止缩放和平移?

以下代码将完全移除滚动条(导致图表顶部向上移动):

以下代码禁用缩放但仍允许平移:

任何建议,将不胜感激。

0 投票
1 回答
419 浏览

javascript - 如何在 amcharts4 中将时间戳 unix 格式化为日期

我希望将格式1555596901设置为可读的日期,例如 2019/04/19 11h52。这是代码:

如您所见,它没有格式化时间戳。我在需要chart.dateFormatter.dateFormat = "dd/MM/yyyy";用于格式化的文档中看到。

0 投票
1 回答
1392 浏览

javascript - amcharts4 从 unix 时间戳格式化日期

我有一个简单的面积图,我想用小时和分钟显示正确的日期。我有一个用于转换 unix 时间戳的 const :

这是我的完整代码:

时间键中的所有数据均来自今天的日期 (19/04/2019)

0 投票
1 回答
540 浏览

javascript - amcharts 更改 ID 数组的填充颜色

虽然amcharts4 的文档 提供了用颜色填充多边形的指示:

使用预加载数据集如何使用替代颜色并不是很明显。假设一组国家多边形:

如何将这些定义为与 交互am4core,可能作为单独的变量定义脚本,以便干净地重构代码并生成不同的填充颜色?

0 投票
1 回答
430 浏览

label - 在 amcharts 中使用自定义百分比修改漏斗标签值

在此处输入图像描述 我想做两件事:

1) 修改此漏斗图中右侧以黄色突出显示的标签值。

2) 更改百分比的计算方式:通常,我的每个类别的数据中都有一个“百分比”字段,我希望将其显示为已突出显示的标签中的百分比。例如,类别“秒”的 data.percentage 为 10%。因此,需要显示 10%,如图所示。

代码:

我发现系列对象有一个名为标签的成员,其中包含标签值,但我不知道如何在代码本身中修改它们。我该怎么做?

0 投票
1 回答
231 浏览

javascript - 如何解决 svg 元素未呈现为图像的问题 (dom2img)

我正在使用 amcharts4 构建热图,然后通过dom2img将其转换为图像。一切都很好,地图本身也被渲染了,但图例没有被 dom2img 捕获。图例本身是一个 svg 元素。

我想也许它与渐变有关,因为这是唯一的元素。

svg 元素:

Dom2img 应该渲染图例元素。

0 投票
1 回答
1043 浏览

amcharts - amCharts 4 - 如何在 JavaScript 中访问 XYChart 中当前悬停的系列数据/颜色

我正在尝试通过 JavaScript 访问当前悬停的系列数据和颜色。数据可用于图例和工具提示,但我不确定如何直接访问它。

可以将图例放在外部容器中,但他们的代码创建了许多额外的容器/包装器,这使得格式化变得困难。 这个 Github 问题解决了它,但没有提供答案。

也许事件可用于检测图例文本或 tspan 元素的变化,然后获取新文本,但我不确定如何执行此操作(使用 amCharts 事件)以及它的效率如何(特别是对于多个系列和/或带有同步光标的图表)。

另一个想法是根据光标位置获取数据,但这似乎效率低下(cursorpositionchanged经常触发 - 即使系列数据没有更改,也会在鼠标/光标移动时触发)。也许它可以根据 dateAxis 值的变化更有效地完成?例如,使用positionchanged事件监听器:

至少在使用时chart.cursor.xAxis = dateAxispositionchanged事件似乎只在光标跳转到新值时触发。因此,它比在鼠标/光标移动时触发的事件更有效。

任何建议,将不胜感激。

更新

通过当前悬停,我指的是通过工具提示(例如)将鼠标悬停在图表上可访问的系列数据和颜色。

示例:CandlestickSeriesLineSeries

0 投票
0 回答
98 浏览

amcharts4 - Amcharts4 停止响应浏览器调整大小事件

第一次调用构建图表很好,但随后调用 chart = am4core.create('chartdiv', am4charts.XYChart) 会导致图表停止响应浏览器调整大小事件。

我在这里从 amcharts 网站分叉了一个例子:

https://codepen.io/anon/pen/QPVpYX

我在 Chrome、Firefox 和 Edge 上对此进行了测试,结果相同。

我发现解决此问题的唯一方法(如链接代码中所示)是 chart.dispose() 方法,但此调用需要 30 秒才能在较大的数据集上完成,因此不可行!