MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Create an Animated Bar Chart with jQuery

Course Summary

Shows how to create a custom interactive bar chart or other visual graphic with jQuery.       


  • +

    Course Syllabus

    Introduction
       Previewing the final project
       Using the exercise files
       Setting up the project folder
    1. Starting Your Project
       Downloading and setting up Aptana Studio
       Creating a new project and an HTML file
       Adding markup for chart bars
    2. Linking CSS and JavaScript to Your HTML Document
       Adding jQuery and CSS to your HTML document
    3. Global Variables and Custom Functions
       Declaring and setting global variables
       Writing a custom function to position the bars
       Adding label and value text to the bars
       Figuring out which bar has the highest value
    4. Calculating and Animating the Bars
       Animating the bars based on their value
       Fading in bar value labels after the bar animations
    5. Resizing the Chart via CSS
       Adjusting chart size by updating CSS values
    Conclusion
       Where to go from here
     


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 2 hours / week

This course is listed under Development & Implementations and Operating Systems Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top