comment utiliser la liste déroulante externe pour les valeurs de zoom dans les highcharts boursiers

Comment puis-je utiliser une liste déroulante externe pour zoomer les données de séries temporelles ?

Au départ, lorsque j'arrive au graphique, au chargement, j'affiche des données d'une heure, ce qui est bien. À ce stade, internal or integrated dropdown'sles autres options sont désactivées car je charge une petite plage de données.

J'ai un external dropdownoù je garde toutes les options dont j'ai besoin. Je devrais pouvoir cliquer sur l'une des options et il devrait récupérer les données pertinentes de BE et mettre à jour le graphique.

Pour une raison quelconque, il récupère les bonnes données de BE mais il ne met pas à jour le graphique .

Je ne sais vraiment pas comment puis-je utiliser external dropdownjuste comme internal or integrated dropdown.

Pour une raison quelconque, disons que je ne veux pas utiliser internal dropdownalors comment puis-je obtenir ces fonctionnalités de internal dropdownfor external dropdown. est-ce même possible ?

Mes efforts : https://stackblitz.com/edit/js-pntth2?file=index.js,chartOptions.js,index.html

Attente : Cela devrait fonctionner comme une sélection déroulante interne. par exemple. cliquez sur la valeur '6 heures' dans la liste déroulante externe et toutes les options internal dropdownseront activées. Ensuite, vérifiez simplement comment internal dropdownfonctionne