【问题标题】:Chart line jumping instead interpolating correctly图表线跳跃而不是正确插值
【发布时间】:2021-03-15 22:08:50
【问题描述】:

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

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

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

例子:

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

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

有什么想法吗?

【问题讨论】:

    标签: reactjs charts amcharts amcharts4


    【解决方案1】:

    在这件事上浪费了这么多时间,我想通了。

    DateAxis 具有baseInterval,如果未手动设置,则会自动计算。显然它没有正确计算它并且出现故障。通过将其设置为以下设置即可:

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

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

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

    【讨论】:

      猜你喜欢
      • 2018-06-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-10-08
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多