Étude de cas
Code source ouvert et outils de développement
LiveCharts pour Phoenix LiveView
Nous avons créé une bibliothèque Elixir à code source ouvert pour afficher des graphiques et actualiser leurs données dans LiveView. Une démonstration présente les types de graphiques et les mises à jour.
Comment les étapes s’articulent.
- 01
Définir les données du graphique
- 02
Afficher avec un adaptateur
- 03
Actualiser le graphique LiveView
Le fonctionnement
Les applications LiveView doivent coordonner la configuration des graphiques côté serveur avec un moteur JavaScript. La bibliothèque fournit une structure de graphique et une interface d’adaptation.
Notre contribution
Nous avons créé la bibliothèque Elixir et une application de démonstration. La structure contient la configuration et les séries; un adaptateur prend en charge ApexCharts.
L’approche technique
L’adaptateur sépare la configuration Elixir de la bibliothèque d’affichage. Il définit une frontière entre les données applicatives et leur présentation graphique en JavaScript.
Ce projet à code source ouvert est public. Les dépôts de la bibliothèque et de sa démonstration sont accessibles ci-dessous.
Retour à l’aperçu du projetVous avez un projet en tête?