Freigabe der X-Achse nach Aufruf von Chart.zoom(): eine Schritt-für-Schritt-Anleitung

Question

Ich habe die Scroll-Strategie auf setScrollStrategy(AxisScrollStrategies.progressive) ，在加载的页面上，图表滚动得非常快，因为我的数据传入得很快。不过，我通过使用 chart.zoom({ x: -200, y: 180 }, { x: 500, y: 500 })einen bestimmten Zoom eingestellt, wenn das Diagramm beginnt, um dieses Problem zu lösen. Dann scrollt das Diagramm nicht automatisch. Die X-Achse ist nicht mehr vorhanden. Welche Funktion soll ich aufrufen, um die Achse freizugeben, ohne sie verdoppeln zu müssen? auf die X-Achse klicken?

Ein weiteres Problem ist, dass ich nicht verstehe, wie die Daten bereinigt werden. Zuerst hatte ich erwartet: series.setDataCleaning({ minDataPointCount: 1000 }) 清理超过 1000 且看不见的数据点，但我 console.log( series.getPointAmount())Mir ist aufgefallen, dass die Gesamtpunktzahl über 1000 lag, und ich habe es eine Weile laufen lassen, aber es wurde immer noch nicht bereinigt? Ich habe die Gesamtdauer der Daten, die ich benötige, in einem Zeitreihendiagramm berechnet und das Ergebnis sind 120.000 Datenpunkte. Wie soll ich sicherstellen, dass ich immer mindestens 120.000 Punkte im Diagramm habe, während ich alte Datenpunkte bereinige, die nicht benötigt werden? gerendert werden? < /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