Home>ExtJs – Working with Ext Chart and timeaxis

ExtJs – Working with Ext Chart and timeaxis

TweetI am stuck in time (and dates). ExtJs has in their version 3 launched a Chart package. I have been working on a project that uses charts quite a lot. So far it has been based on FusionCharts, a flash based commercial alternative with more than 45 different types of charts. Quite interesting and impressive. Since the rest of the front end of the application I am working on is based on ExtJs it was exciting to see their Charts package. But again, I find the Ext documentation lack. Or maybe it’s just me. Following is a guide for using the line charts in ExtJs combined with a timeseries axis. And hopefully I manage to fill some of the holes I have found in the documentation. First of all some basic setup: /* I have defined two div's in a html file: The last one just for debug and testing purpose. */ // Defining the fields for the record. var fields = [ {name: 'timestamp', type: 'date'}, 'temperature']; // Sets up the record var rec = new Ext.data.Record.create([ { name: 'datetime', type: 'd ...

From:A front-end development blog Date:23/08/2009