问题标签 [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.
javascript - 在amcharts甘特图中画一条代表当前日期的垂直线?
*在当月画一条垂直线。这里是示例代码 * https://codepen.io/anon/pen/PgELdM * 这就是我想要实现的 * https://ibb.co/XjVn4WC
amcharts - amCharts 4 - valueAxis 工具提示精度太低
见此笔。valueAxis 的 maxPrecision 为 8,数字格式允许 8 个有效数字:
但是,valueAxis 工具提示似乎只显示 4 个有效数字。数据有6。
如何将 valueAxis 工具提示设置为至少 6 的精度?
javascript - 如何在 amcharts4 中将时间戳 unix 格式化为日期
我希望将格式1555596901
设置为可读的日期,例如 2019/04/19 11h52。这是代码:
如您所见,它没有格式化时间戳。我在需要chart.dateFormatter.dateFormat = "dd/MM/yyyy";
用于格式化的文档中看到。
javascript - amcharts4 从 unix 时间戳格式化日期
我有一个简单的面积图,我想用小时和分钟显示正确的日期。我有一个用于转换 unix 时间戳的 const :
这是我的完整代码:
时间键中的所有数据均来自今天的日期 (19/04/2019)
javascript - amcharts 更改 ID 数组的填充颜色
虽然amcharts4 的文档 提供了用颜色填充多边形的指示:
使用预加载数据集如何使用替代颜色并不是很明显。假设一组国家多边形:
如何将这些定义为与 交互am4core
,可能作为单独的变量定义脚本,以便干净地重构代码并生成不同的填充颜色?
javascript - 如何解决 svg 元素未呈现为图像的问题 (dom2img)
我正在使用 amcharts4 构建热图,然后通过dom2img将其转换为图像。一切都很好,地图本身也被渲染了,但图例没有被 dom2img 捕获。图例本身是一个 svg 元素。
我想也许它与渐变有关,因为这是唯一的元素。
svg 元素:
Dom2img 应该渲染图例元素。
amcharts - amCharts 4 - 如何在 JavaScript 中访问 XYChart 中当前悬停的系列数据/颜色
我正在尝试通过 JavaScript 访问当前悬停的系列数据和颜色。数据可用于图例和工具提示,但我不确定如何直接访问它。
可以将图例放在外部容器中,但他们的代码创建了许多额外的容器/包装器,这使得格式化变得困难。 这个 Github 问题解决了它,但没有提供答案。
也许事件可用于检测图例文本或 tspan 元素的变化,然后获取新文本,但我不确定如何执行此操作(使用 amCharts 事件)以及它的效率如何(特别是对于多个系列和/或带有同步光标的图表)。
另一个想法是根据光标位置获取数据,但这似乎效率低下(cursorpositionchanged
经常触发 - 即使系列数据没有更改,也会在鼠标/光标移动时触发)。也许它可以根据 dateAxis 值的变化更有效地完成?例如,使用positionchanged
事件监听器:
至少在使用时chart.cursor.xAxis = dateAxis
,positionchanged
事件似乎只在光标跳转到新值时触发。因此,它比在鼠标/光标移动时触发的事件更有效。
任何建议,将不胜感激。
更新
通过当前悬停,我指的是通过工具提示(例如)将鼠标悬停在图表上可访问的系列数据和颜色。
amcharts4 - Amcharts4 停止响应浏览器调整大小事件
第一次调用构建图表很好,但随后调用 chart = am4core.create('chartdiv', am4charts.XYChart) 会导致图表停止响应浏览器调整大小事件。
我在这里从 amcharts 网站分叉了一个例子:
https://codepen.io/anon/pen/QPVpYX
我在 Chrome、Firefox 和 Edge 上对此进行了测试,结果相同。
我发现解决此问题的唯一方法(如链接代码中所示)是 chart.dispose() 方法,但此调用需要 30 秒才能在较大的数据集上完成,因此不可行!