Billboard.js图表​​在第一次渲染时缺少第一个点

时间:2018-01-19 15:08:08

标签: angularjs charts billboard.js

我在一个页面上显示多个billboard.js图表​​,它们都有相同的问题。页面最初加载时,图表中缺少每个图表中的第一个点。下面的例子显示了最极端和最明显的情况。使用每小时数据时,不会渲染第一个小时点,但图表的范围仍然正确显示,从4:00开始,第一个点在5:00渲染。

Chart missing first point

1)我已确认用于创建图表的数据包含缺少的4点。

2)我在创建之后确认,在创建图表时返回的billboard.js图表​​对象也包含其数据中的4:00点。执行chart.flush()或chart.revert('seriesId')不会添加点。

3)我实现了自定义样式来改变刻度,但没有一个用于定位图表本身的数据点或线。

4)我在页面上有一个日期范围选择器,选择要在图表中显示的新日期范围将重新渲染图表,第一个点将正确显示(即使日期切换回同一日期)在页面加载范围内,这很好用。)

5)我不能用笔/小提琴重现这种行为。我正在创建图表作为angularjs组件,使用当前版本的billboard.js包装图表。我希望有人有类似的问题,或者这种行为已被报告/记录,我只是找不到修复。所以,我的官方问题是:

为什么billboard.js图表​​的初始渲染在开始时只有一个缺失点?我知道我可以简单地重新渲染,但我希望确定原因,以便将来我不会继续遇到此问题,并且不会在初始页面加载时强制加载图表。

1 个答案:

答案 0 :(得分:0)

上述评论中解释的答案。