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

javascript - 如何在时间戳上预先缩放到当前日期

我正在尝试预先缩放我的图表以显示当天。这是我的图表:

这是我添加的代码:

我预计从 2019 年 5 月 3 日 00:00 到 2019 年 5 月 4 日 23:59 进行缩放

0 投票
1 回答
572 浏览

amcharts - 从 TreeMap 中检索对象

我一直在使用一些 amCharts 4 图表,每次我都在努力订阅返回“选定/点击”元素的事件。我不知道我从文档中遗漏了什么,但是例如,我需要从“命中”事件中检索选定的项目,但我在任何地方都找不到(这是一个简单的我想试试这个在https://codepen.io/team/amcharts/pen/erojQb上)

我试过这个:

但没有被调用,这是:

但没有附加数据项

0 投票
1 回答
42 浏览

amcharts - 将选项传递给图表

使用 AM Charts 4,直到现在我一直使用图表的方式是我做类似的事情

有没有办法将所有选项放入单个对象并将该对象传递进去?在这种情况下,如果我想添加另一个选项,我只需要更新对象,而不是添加一行代码。

0 投票
1 回答
1024 浏览

vue.js - 使用 vue js 动态更新 Amcharts4 图表

我将AmCharts4与 Vue.JS 一起使用,

目前我在页面加载时添加了默认图表设计,但是当我尝试在页面加载后添加动态值(使用按钮单击)时,它不会反映在视图上。

代码:-要点

data: () => ({ dataForChart: { data: [{ "name": "Anne", "steps": 32 }, { "name": "Rose", "steps": 30 }, { "name": "Jane", "steps": 25 }] } }),

图表创建mounted()

let chart = am4core.create("chart-div", am4charts.XYChart); chart.data = this.dataForChart.data

当使用按钮动态更改值时,单击这些数据不会反映在图表上。

改变数据集的方法。

this.dataForChart.data = { data: [{ "name": "Anne", "steps": 54 }, { "name": "Rose", "steps": 44 }, { "name": "Jane", "steps": 33 }] }

0 投票
1 回答
2675 浏览

reactjs - 找不到 html 容器 - AmCharts4、React 和 Jest 测试

我正在尝试为 React 和 AmCharts4 运行 Jest 测试,但是我得到以下失败的测试:

该图表在浏览器和故事书中呈现没有问题。

我就是不能让它通过测试。测试很简单:

而我的BaseChart组件也很简单,只是将json图表配置映射到createFromConfig:

任何想法如何传递 html 容器未找到问题?

0 投票
1 回答
200 浏览

amcharts - 将 baseInterval 设置为月份的 Amchart 错误

我尝试使用 amchart 设置

但是我在显示数据时出错,当我在一个月中有超过一天的数据时,图表会显示同一个月的多个项目符号。

例如,如果我有下一个数据

就地展示

图表显示下一个数据

提前致谢。

0 投票
1 回答
1248 浏览

reactjs - 如何在数据重新加载时修复 amcharts 缩放重置

我使用 amcharts 4,当数据重新加载时,它会重置缩放级别。我该如何防止这种情况?我有两次超时,但我认为它们不会导致问题,因为我尝试删除它们并且问题仍然存在。

我认为问题是由我如何启动或设置我的轴​​引起的,但我自己无法解决。

另一个原因可能是我使用解析事件的方式。

这是我的代码:

0 投票
0 回答
1255 浏览

javascript - amCharts 实时数据——添加多个系列

免责声明:我仍在学习一些基础知识,并且仍在学习正确的术语。

我正在尝试使用带有实时数据的 amCharts 示例,并将另一个系列添加到图表中。我的目标是拥有一个包含两个系列/行流数据的图表。

我正在使用的基本示例在这里:
https ://codepen.io/team/amcharts/pen/MGVbNV

我已经设法让两个系列工作,但目前它非常笨重。

这是我所在的位置:

有什么见解和帮助可以使这更顺畅吗?我想我需要用 SetInterval() 做一些事情或以某种方式组合函数。

0 投票
1 回答
72 浏览

javascript - 是否有任何选项可以使下方的图表(amcharts4)可以从两侧(左右)拖动?

我正在为工作日的开始/结束时间制作图表,我想让它可拖动。我找到了如何拖动右侧(endTime)的解决方案,但左侧(startTime)没有选项。或者,如果您推荐此图表有任何其他替代方案。

我试图在左侧添加另一个项目符号,但似乎这不是 amcharts 中的内置选项。

在此处输入图像描述

0 投票
0 回答
315 浏览

pie-chart - Amcharts - 饼图 - 两列右侧的图例

当图例位于饼图的右侧时,可以将图例分为两列。

这是一个不工作的例子:

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

将图例定义为