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 ...