The beautiful chart in the Bluff--javascrip

Bluff is the ruby JavaScript Gruff graphics library (gruff graphing library) interface. It supports all the features of gruff with minimal reliance; The only third-party script you need to start is js.class (about 2kb) and Google Excanvas to support the canvas element in IE. All of these scripts are provided with bluff downloads. The bluff itself is compressed about 8kb or so.

When drawing, create a new Bluff graphic class, use the ID of the canvas element on the page, set some configuration options, add data and labels, and then let the graph draw itself. Examples are as follows:

<canvas id= "Example" ></canvas>
<script type= "Text/javascript" >
var g = new Bluff.line ('　　　　　Example ',);
G.theme_37signals ();
G.title = ' my Graph ';
G.data (' Apples ', [1, 2, 3, 4, 4, 3]);
G.data (' Oranges ', [4, 8, 7, 9, 8, 9]);
G.data (' Watermelon ', [2, 3, 1, 5, 6, 8]);
G.data (' Peaches ', [9, 9, 8, 7, 9]);
G.labels = {0: ' 2003 ', 2: ' A ', 4: ' The ' of ';
G.draw ();
</script>