O'Reilly logo

Sencha Charts Essentials by Ajit Kumar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A walkthrough of an existing CandleStick chart

Let's look at the Stock App that comes along with Sencha Touch SDK and see how these classes have been used to achieve the desired behavior. When you download and extract the Sencha Touch SDK, you will find the source code in the examples/stockapp folder.

The following diagram depicts the Stock App output where we have highlighted the chart-related items:

A walkthrough of an existing CandleStick chart

Design of the Stock App

The Stock App has two charts for the following purposes:

  • To show the CandleStick/OHLC chart
  • To show the preview with a range mask to allow the user to resize the preview area

There is a certain event handling mechanism put in place ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required