In this recipe, we will be creating a really fun gauge meter and injecting some random animation into it to make it look like a real source of live data is connected to it, such as the speed of a car:
To get started you will need to use jQuery and jqPlot. This time around we will start from scratch.
To get the latest scripts, visit the creator site at http://blog.everythingfla.com/?p=339.
Download both jQuery and jqPlot, or download our source files to start with.
Let's list the steps required to complete the task:
Create an HTML page for our project:
<!DOCTYPE html> <html> <head> <title>JQPlot Meter</title> <meta charset="utf-8" /> <link rel="stylesheet" href="./external/jqplot/jquery.jqplot.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="./external/jqplot/jquery.jqplot.js"></script>...