javascript - Comment utiliser une case à cocher au lieu d'une légende pour contrôler la visibilité dans les graphiques électroniques?

Question

Comme le montre l'image, il s'agit d'un diagramme circulaire d'echarts. La liste déroulante à droite peut contrôler l'affichage et le masquage de la zone de secteur correspondante. C'est la même chose que la fonction de cliquer sur la légende des echarts pour contrôler l'affichage. et se cacher. Comment le mettre en œuvre ?

Answer 1

Je ne l'ai jamais utilisé, et je ne connais pas l'environnement de ce projet, mais je peux vous donner quelques idées et me ridiculiser

Lorsque vous cliquez sur la liste déroulante, liez un événement à la case à cocher et écrivez l'API échangée par vous-même. Par exemple, cliquez sur le récepteur d'application, puis déclenchez l'événement dans les déclencheurs du graphique à secteurs. l'événement click. Si vous êtes jq, utilisez simplement le déclencheur. D'autres frameworks ont leurs propres méthodes.

Answer 2

ECharts貌似没有直接提供你想要的功能，其实你可以把请求回来数据存在一个变量里，自己写相应的数据处理方法进行数据筛选，把处理过后的数据重新setOptionC'est tout.

Answer 3

Merci pour vos réponses ! En consultant la documentation officielle, ce problème a été résolu, il suffit d'appeler la méthode myChart.dispatchAction !