调用 Chart.zoom() 后释放 X 轴:分步指南
P粉323050780
P粉323050780 2024-04-04 23:40:56
0
1
1501

我将滚动策略设置为 setScrollStrategy(AxisScrollStrategies.progressive) ,在加载的页面上,图表滚动得非常快,因为我的数据传入得很快。不过,我通过使用 chart.zoom({ x: -200, y: 180 }, { x: 500, y: 500 }) 设置图表启动时的一定缩放来解决此问题,然后图表不会自动滚动X 轴不再存在,我应该调用什么函数来释放轴而不必双击 X 轴?

另一个问题是我不明白数据如何清理,一开始我期望 series.setDataCleaning({ minDataPointCount: 1000 }) 清理超过 1000 且看不见的数据点,但我 console.log( series.getPointAmount()) 我注意到总点数超过了 1000 我让它运行了一段时间,但它仍然没有清理?我计算了时间序列图表上所需数据的总持续时间,结果为 120k 数据点,我应该如何确保图表上始终有至少 120k 点,同时清理不需要渲染的旧数据点?< /p>

P粉323050780
P粉323050780

全部回复(1)
P粉939473759

在 setScrollStrategy(AxisScrollStrategies.progressive) 中:-- 轴将保持开始和结束之间的距离恒定,并滚动以显示高于活动轴间隔的系列边界。

但是你可以使用 Axis 的 setInterval 属性手动设置它的间隔,这样它就不会加载太快。

Axis.setInterval(0, 100)

您还可以在 setInterval 中传递一些其他参数,例如:-

disableScrolling:如果为 true,则在设置间隔后禁用自动滚动

animate: 启用动画的布尔值,或动画持续时间(以毫秒为单位)的数字

setInterval(start: number, end: number, animate: number | boolean | undefined, disableScrolling: boolean | undefined): this
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板