Search icon
Subscription
0
Cart icon
Close icon
You have no products in your basket yet
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Sencha Charts Essentials

You're reading from  Sencha Charts Essentials

Product type Book
Published in May 2015
Publisher
ISBN-13 9781785289767
Pages 214 pages
Edition 1st Edition
Languages
Author (1):
Ajit Kumar Ajit Kumar
Profile icon Ajit Kumar

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:

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 to sync the CandleStick chart with the preview area that is visible to the user by dragging the handlers on the RangeMask. We will limit our focus on how the CandleStick chart and the RangeMask custom sprites are implemented.

The following diagram shows the classes that are involved in the application and how they are connected:

In the preceding diagram...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}