调用 Chart.zoom() 后释放 X 轴：分步指南

Question

我将滚动策略设置为 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>

Answer 1

在 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