From aligning your IT with your business needs to an end-to-end strategy for transforming your enterprise, TCS has the world-class experience and expertise that you need. Contact a consultant today.

Email TCS:

Find a TCS Location:

White Paper

Data Visualization in Ext Js 3.4


Ext JS is a client-side javaScript framework for the rapid development of cross-browser interactive web applications using techniques such as Ajax, DHTML and DOM scripting.

In 2006, Jack Slocum began working on a set of extension utilities for the Yahoo! User Interface (YUI) library. These extensions were later organized into an independent library of codes, named as “yui-ext.” In the same year, Jack released its final version, whose name was changed to Ext.

Ext JS framework is a highly robust, scalable and Open Source javaScript framework. It provides many utility functions, which help in DOM traversal and manipulation along with stable and crossbrowser user interface (UI) components such as grids, charts, trees, forms, drag and drop and so on. Data visualization in Ext JS includes a chart package, which contains bar charts, column charts, line charts, pie charts, etc.

Its chart components are supported by all platforms and browsers and provide the following advantages:

  • Easy to customize with the help of attributes
  • Does not need any proprietary tool to develop the Ext JS-based component
  • Supports a wide range of data sources like XML, JSON and Array
  • Supports static as well as dynamic data

In this white paper, we explore the customizations possible with these charts. We also explain how to connect to a server side component like a servlet / php file / and some Ext JS concepts like store, proxy API, reader, writer, etc.