How to add Charts and Graphs to your Wix Website | Charts.js Tutorial
Вставка
- Опубліковано 25 сер 2024
- #wix #wixwebsite #wixtutorial #website #webdesign #webdev
Do it yourself: www.chartjs.org/
Get the app: www.wix.com/ap...
New to Velo? Try my new Velo for Beginners course now on Udemy!
www.udemy.com/...
Timeline:
00:36 - Overview of Chart.js Basics and Capabilities
01:31 - Demonstrating Basic Chart Implementation
02:45 - Explanation of Chart Types and Data Structure
03:55 - Integrating Charts on Wix Using HTML Embed
05:32 - Editing HTML Code for Chart Implementation
07:02 - Detailing Chart Data Customization in Code
09:27 - Transitioning Data from Wix Collections to Chart
11:00 - Preparing Data in Wix for Chart Visualization
13:07 - Customizing Chart Display through HTML and JavaScript
15:16 - Implementing Dynamic Data Transfer to Chart
18:05 - Fetching and Organizing Data for Chart Visualization
22:31 - Finalizing Data Sets for Chart Implementation
27:12 - Integrating Assembled Chart Data with Wix Site
34:02 - Conclusion and Overview of the Implemented Chart
36:02 - Bloopers
Have an idea for a video? suggest it here:
www.thewixwiz....
Have questions? Join the discussion:
www.thewixwiz....
Want to have joint coding session? Book one now:
www.thewixwiz....
Have questions? Need some magic done on your website ASAP?
www.thewixwiz....
Follow along on Twitter @thewixwiz
Facebook page: / thewixwiz
Facebook community: / thewixwiz
Thank you! Awesome!
This is very helpful. Thanks for uploading this video so much!
Ohh nice 😮 thank you 🙏
So cool!
so useful😎
This is nice but It doesn't work within the Wix blog HTML element 😢 , and if we have to show charts on different blog posts... how can we do that? HTML element within the blog post can't access CMS. ☹️
You may be able to patch something together using the rich text APIs. Depending on your needs dynamic pages may be a better choice than the Wix Blog app for you.
That Cliffhanger XD
how could you add or make any mathematical operations to the numbers in order to show other data, like percentage of increase or decrease of sales on the fruits?
After getting the data from the collection you can do any mathematical operations you want before passing it to the chart!
Check urs email tq