Javascript - form e grafico

[gabmac2]

Servirebbe in Javascript un form, dove si inseriscono dei valori in caselle di testo, cliccando su un bottone, generi un grafico in un riquadro
Esiste qualche libreria?
Grazie in anticipo

[71106]

Servirebbe in Javascript un form, dove si inseriscono dei valori in caselle di testo, cliccando su un bottone, generi un grafico in un riquadro
Esiste qualche libreria?
Grazie in anticipo Libreria per 'sta minchiata...? :stordita:

Si, puoi usare Xamarin. :asd:

Tornando seri, da sviluppatore web stagionato ti garantisco che lo sforzo richiesto per fare cio' che chiedi in HTML5 in maniera pulita, reattiva, e funzionale, e' veramente minimo. E resti col vantaggio di non accollarti dipendenze.

[gabmac2]

è da tempo che non utilizzo Javascript,
l' idea era di creare un livello visibile solo per la creazione e visualizzazione del grafico, non visibile prima di inserire i dati
un altro contenente il form

[71106]

Sbaglio o sono alle prese con un tipico utente Mac che si aspetta un minimo di veste grafica anche se ad implementarla e' un agghiacciante mattone di libreria che fa salire al 100% l'uso di 4 core su 6? :asd:

Potrebbe interessarti Angular Material (https://material.angularjs.org/latest/). :D

Piu' la solita libreria sfigata anonima (come questa (https://jtblin.github.io/angular-chart.js/)) che l'utente Mac tipicamente cerchera' di usare aspettandosi di fare un decimo del lavoro, salvo poi scoprire che a forza di litigarci conveniva fare tutto a mano. :Prrr:

Sta gente che cerca di programmare senza avere voglia di farlo non la capiro' mai. Se vi serve di inserire i valori e plottare il grafico usate Google Sheets.

[OoZic]

Sta gente che cerca di programmare senza avere voglia di farlo non la capiro' mai. Se vi serve di inserire i valori e plottare il grafico usate Google Sheets.

https://it.wikipedia.org/wiki/Reinventare_la_ruota

per l'OP:
- se ti serve abbellire un po' la UI c'e' questo framework CSS figo http://bulma.io/
- poi aggiungi una libreria per fare Chart , a seconda di cosa ti serve puoi andare su
https://developers.google.com/chart/ (piu pesante ma molto completa)
o
http://www.chartjs.org/ (piu leggero ma meno possibilita')

[71106]

https://it.wikipedia.org/wiki/Reinventare_la_ruota Mi hai fatto tornare in mente npmgate. :asd:

[Ziosilvio]

Sbaglio o sono alle prese con un tipico utente Mac che si aspetta un minimo di veste grafica anche se ad implementarla e' un agghiacciante mattone di libreria che fa salire al 100% l'uso di 4 core su 6? :asd:

Potrebbe interessarti Angular Material (https://material.angularjs.org/latest/). :D

Piu' la solita libreria sfigata anonima (come questa (https://jtblin.github.io/angular-chart.js/)) che l'utente Mac tipicamente cerchera' di usare aspettandosi di fare un decimo del lavoro, salvo poi scoprire che a forza di litigarci conveniva fare tutto a mano. :Prrr:

Sta gente che cerca di programmare senza avere voglia di farlo non la capiro' mai. Se vi serve di inserire i valori e plottare il grafico usate Google Sheets.
Non è questo il modo di trattare con gli utenti in un forum di discussione.
Regolati di conseguenza.

[daniloandreini]

Questa è una libraria JavaScript con licenza MIT, quindi riutilizzabile per praticamente qualsiasi progetto anche commerciale, che permette di creare grafici utilizzando l'elemento HTML canvas.

http://www.chartjs.org/

Ti riepilogo quello che dovresti fare in maniera generica, ma ovviamente per utilizzarla la documentazione devi leggerla e anche conoscere JavaScript bene:


Crei un elento canvas vuoto sulla pagina con un identificatore che devi ricordarti (attributo id)
Carica la libreria Chart.js nella tua pagina
Quando il tuo form viene inviato utilizzi un event listener sul completamento del form
Il callback di questo event listener deve istanziare la libreria, passargli i dati del grafico (data-points) e di dati relativi alla configurazione del grafico
Utilizzi i metodi della libreria per tracciare il grafico sull'elemento canvas ed hai finito


Questa libreria al momento è il meglio che c'è in termini di librerie JavaScript gratuite. (non API)