Sencha Charts Essentials

Ajit Kumar

• Publisher: Packt Publishing
• Year: 2015
• eBook ISBN: 9781785289767
• Topic: Ciencia de la computación
• Subtopic: Programación en JavaScript

Sencha Charts Essentials

---

Table of Contents

Sencha Charts Essentials

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Fundamentals of Sencha Charts

Introducing the sample chart

Canvas and SVG

Preparation

Creating a line

Creating an axis

Creating an axis label

Creating a bar

Creating a marker on the bar

Creating a chart

Axes

Axis label

Bar chart with a marker

Creating an area chart with line stroking

Creating an area chart with fill

Crosshair lines

Sencha Charts Surface API

Axes

Axis label, bars, and markers

Area chart

Creating the crosshair

Summary

2. Working with Out-of-the-box Charts

Types of charts

Anatomy of a chart

Creating a cartesian chart

Creating a polar chart

Creating a spacefilling chart

Theming your chart

Engaging users with gestures

Summary

3. Sencha Charts Architecture

Architecture of Sencha Charts

A walkthrough of an existing CandleStick chart

Design of the Stock App

The sequence diagram

Construction and Initialization

Preview with RangeMask

CandleStick

Rendering

A walkthrough of a polar chart – radar

A walkthrough of a spacefilling chart – gauge

Summary

4. Creating a Custom Cartesian Chart

Creating a new financial chart

What is this chart all about?

Structuring the MACD chart design

Implementing a MACD chart

SCE.sprite.MACD

SCE.series.MACD

SCE.chart.MACD

Using MACD in an application

Summary

5. Creating a Custom Polar Chart

Creating a Market Clock

What is this chart all about?

Structuring the design

Implementing the Market Clock

SCE.store.MarketTimings

SCE.sprite.MarketClock

SCE.series.MarketClock

SCE.chart.MarketClock

SCE.view.main.Main

Adding legend support

Displaying the legend

Controlling the sprite visibility

Centering the sectors

Limiting the sector within the clock

Summary

6. Creating a Custom Spacefilling Chart

Creating a periodic table

What is this chart all about?

Structuring the design

Implementing the periodic table

SCE.store.PTElements

SCE.model.PTElement

SCE.sprite.PeriodicTableElement

SCE.series.PeriodicTable

SCE.view.main.Main

Standardizing the color selection

Working with store updates

Resizing

Summary

7. Theming

Getting ready

Styling using configs

Chart

Framing

Coloring the background

Image

Gradient

Color

Changing the color of the series

Creating room at the sides

Axis

Displaying grid lines

Styling an axis line

Styling axis labels

Displaying a custom label

Series

Animating a series

Using our own color

Highlighting

Styling a series sprite

Styling the marker

Customizing the rendering logic

Sprite

Legend

Theming using a custom theme

Theming using SASS and CSS

Summary

8. Working with Touch Gestures

Interacting with interactions

Using built-in interactions

Creating custom interactions

Displaying a trend line

Annotating a chart

Displaying more details of a series item

Summary

9. Comparison with Other JavaScript Charting Libraries

Google Charts

FusionCharts

amCharts

HighCharts

Summary

Index

Sencha Charts Essentials

Copyright © 2015 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: May 2015

Production reference: 1260515

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-78528-976-7

www.packtpub.com

Credits

Author

Ajit Kumar

Reviewers

Anurag Bhandari

Peter M. Corcoran

Matt Goldspink

Shinobu Kawano

Michael McCurrey

Commissioning Editor

Veena Pagare

Acquisition Editor

Sam Wood

Content Development Editor

Anish Sukumaran

Technical Editors

Manal Pednekar

Chinmay S. Puranik

Copy Editor

Pranjali Chury

Project Coordinator

Izzat Contractor

Proofreaders

Stephen Copestake

Safis Editing

Indexer

Mariammal Chettiyar

Graphics

Disha Haria

Production Coordinator

Nilesh R. Mohite

Cover Work

Nilesh R. Mohite

About the Author

Ajit Kumar has over 16 years of experience in technology areas ranging from embedded systems to large enterprise applications. He worked with various multinational corporations such as Honeywell, Hughes, Virtusa, and Convergys, before starting his own company—Walking Tree—which specializes in Sencha frameworks.

Ajit has authored books on open source frameworks, including Sencha Touch Cookbook, Sencha Touch Cookbook Second Edition, Sencha MVC Architecture, and ADempiere 3.6 Cookbook...

Table of contents

• Sencha Charts Essentials