Affichage des résultats sous forme de tableau et de graphique

DDorch commented 8 years ago

Le cahier des charges est le même que la version actuelle :

Si aucun paramètre ne varie, on affiche un tableau avec l'ensemble des paramètres et en dernière ligne la donnée calculée ;
SI un paramètre varie, on affiche un graphique et deux tableaux : le premier reprend les paramètres fixes et le second contient deux colonnes (le paramètre qui varie et le paramètre calculé).

L'actuelle librairie jqplot est basée sur jquery et le projet paraît assez peu actif désormais. C'est pourquoi je propose qu'on essaie une nouvelle librairie.

J'ai regardé les bibliothèques javascript libres disponibles sur le marché (Voir : https://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks). Je pencherai plutôt pour Chart.js (http://www.chartjs.org/) parce que :

c'est une bibliothèque complète mais reste assez légère dans le même esprit que jqplot ;
il n'y a pas de dépendance avec d'autres librairies (jquery, 3d.js...) ;
la communauté de développement est actuellement nombreuse et active.

Dans la version actuelle, le code source PHP gérant l'affichage des résultats se trouve http://zone.spip.org/trac/spip-zone/browser/_plugins_/hydraulic/trunk/hyd_inc/affiche_resultats.php J'avais aussi une classe qui se chargeait d'utiliser la bibliothèque jqplot : http://zone.spip.org/trac/spip-zone/browser/_plugins_/hydraulic/trunk/hyd_inc/graph.class.php. L'intérêt d'une telle classe intermédiaire (qu'on appelle adaptateur en français ou wrapper en anglais) est que si un jour on décide à changer de librairie graphique, il n'y a que cette classe à réécrire et rien d'autre.

DDorch commented 8 years ago

Pour la génération des graphiques, il existe un portage de Charts.js pour Angular2: https://github.com/valor-software/ng2-charts.

Pour l'installer proprement, je suppose qu'il faudra ajouter ng2-charts et chart.js dans la section dependencies du fichier package.json. Pour le reste, se référer à la documentation de ng2-charts et les exemples fournis (http://valor-software.com/ng2-charts/)

DDorch commented 8 years ago

Si le script du graph s'exécute sans erreur et que ce dernier ne s'affiche pas, peut-être cette ressource te permettra de résoudre ton problème : http://stackoverflow.com/questions/37828207/ng2-chart-always-display-nothing-in-my-angular2-js-project#answer-37849856

DDorch / jacase

Affichage des résultats sous forme de tableau et de graphique #3