Need help in making pie chart. | Sololearn: Learn to code for FREE!
Novo curso! Todo programador deveria aprender IA generativa!
Experimente uma aula gr√°tis
+ 3

Need help in making pie chart.

I want to show a pie chart after form submission.I was able to take input and draw pie chart using div and onclick event attribute but I want to use form and onsubmit, how can I do that? https://code.sololearn.com/WCtwSxj15wEL/?ref=app https://code.sololearn.com/WF8Yq0RIRZ02/?ref=app

27th Apr 2020, 8:11 AM
Ankur Singh Oli
Ankur Singh Oli - avatar
9 Respostas
+ 4
If you submit data, you need to handle reception on server side to be able to either serve those data (through AJAX request -- XMLHttpRequest) to the page wich handle the pie chart making with js or to dynamically build the page wich handle the pie chart by inserting the data as JS variables declaration/assignation of literals inside a <script> tag (alternatively, you could serve a static html page and only build a linked js script external file)... However, if there's no real requirements for data transiting by server (if need to save them in a database for example), you'll better and simplest be advised to save your data in cookies and/or localStorage (according to the support needed), so you avoid the server side stuff ;) https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie
27th Apr 2020, 9:38 AM
visph
visph - avatar
+ 3
Mozilla Developer Network is a great ressources mine for all web development topics, from front-end (the core of the site) even to back end (maybe a few less complete than for front end, but we could found useful informations and tracks to dive deepers) ;)
27th Apr 2020, 10:42 AM
visph
visph - avatar
+ 2
you can't do that in sololearn you need a backend to render the page based on user submission
27th Apr 2020, 9:25 AM
Gordon
Gordon - avatar
+ 1
event.preventDefault() to prevent the page from reload https://code.sololearn.com/WDr75fz3dDfo/?ref=app the remaining error (line 81) is error due to your library
27th Apr 2020, 8:49 AM
Gordon
Gordon - avatar
+ 1
Gordon The code is showing an uncaught error, after submission
27th Apr 2020, 8:55 AM
Ankur Singh Oli
Ankur Singh Oli - avatar
+ 1
Gordon Then what is the solution. the library is plotting chart in 'pie-chart(using onclick)', but the chart is shown in the same page, I want that chart on another page, after submission, how can I do that
27th Apr 2020, 8:58 AM
Ankur Singh Oli
Ankur Singh Oli - avatar
0
that's caused by your imported library.
27th Apr 2020, 8:57 AM
Gordon
Gordon - avatar
0
For backend which language I need to learn?
27th Apr 2020, 9:31 AM
Ankur Singh Oli
Ankur Singh Oli - avatar
0
Gordon visph Thanks everyone, and the articles are really helpful.
27th Apr 2020, 10:38 AM
Ankur Singh Oli
Ankur Singh Oli - avatar