微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

图表线跳跃而不是正确插值

如何解决图表线跳跃而不是正确插值

我正在使用 AMCharts 4 并且我正在传递小时 - 值数据对。因此,例如在 15h 的值为 10,在 16h 的值为 15,等等。

[...{
    "date": new Date(2020,1,15,0),"value": 10,},{
    "date": new Date(2020,16,"value": 15,}...]

图表没有正确地在点之间绘制线(它显示了正确的数据,但线没有按应有的方式打印)。

示例:

enter image description here

正如您在上面的示例中看到的,它显示了正确的数据,但在行之间没有正确的插值。从图片中的例子可以看出,从 14 小时到 15 小时,这是一个上升趋势,这条线应该逐渐上升并在那里停留 15 小时。相反,它逐渐下降,当它实现 15 小时的值时,它会立即向上移动以纠正它。

我试过 series.sequencedInterpolation = true 但没有任何效果

有什么想法吗?

解决方法

在这上面浪费了这么多时间之后,我想通了。

DateAxis 有 baseInterval,如果没有手动设置,它会自动计算。显然它没有正确计算它并且它出现故障。通过将其设置为以下设置,它起作用了:

xAxes1.baseInterval = [
    { timeUnit: "hour",count: 1 },...];

在数组中,您可以为每个时间单位指定您拥有的计数。

文档:https://www.amcharts.com/docs/v4/reference/dateaxis/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。