Libération de l'axe X après avoir appelé Chart.zoom() : un guide étape par étape

Question

J'ai défini la stratégie de défilement pour setScrollStrategy(AxisScrollStrategies.progressive) ，在加载的页面上，图表滚动得非常快，因为我的数据传入得很快。不过，我通过使用 chart.zoom({ x: -200, y: 180 }, { x: 500, y: 500 })définir un certain zoom lorsque le graphique commence à résoudre ce problème, le graphique ne défilera pas automatiquement, l'axe X n'est plus là, quelle fonction dois-je appeler pour libérer l'axe sans avoir à doubler cliquer sur l'axe X ?

Un autre problème est que je ne comprends pas comment les données sont nettoyées, au début je m'y attendais series.setDataCleaning({ minDataPointCount: 1000 }) 清理超过 1000 且看不见的数据点，但我 console.log( series.getPointAmount())J'ai remarqué que le total de points dépassait les 1000 et je l'ai laissé fonctionner pendant un moment mais il n'a toujours pas été nettoyé ? J'ai calculé la durée totale des données dont j'ai besoin sur un graphique de série chronologique et le résultat est de 120 000 points de données. Comment puis-je m'assurer d'avoir toujours au moins 120 000 points sur le graphique tout en nettoyant les anciens points de données qui n'ont pas besoin d'être utilisés. être rendu ? < /p>

Answer 1

Dans setScrollStrategy(AxisScrollStrategies.progressive) : -- L'axe maintiendra la distance entre le début et la fin constante et défilera pour afficher les limites de la série au-dessus de l'intervalle de l'axe actif.

Mais vous pouvez utiliser la propriété setInterval d'Axis pour définir manuellement son intervalle afin qu'il ne se charge pas trop rapidement.

Axis.setInterval(0, 100)

Vous pouvez également transmettre d'autres paramètres dans setInterval comme :-

disableScrolling : Si vrai, désactive le défilement automatique après avoir défini l'intervalle

animate : valeur booléenne pour activer l'animation, ou un nombre pour la durée de l'animation en millisecondes

setInterval(start: number, end: number, animate: number | boolean | undefined, disableScrolling: boolean | undefined): this