Book Image

Sencha Charts Essentials

By : Ajit Kumar
Book Image

Sencha Charts Essentials

By: Ajit Kumar

Overview of this book

Table of Contents (16 chapters)
Sencha Charts Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Creating a Market Clock


In this section, you will see how to create a Market Clock, shown here, where we show the duration for which a stock exchange is open. It's a great visual tool to keep track of the opening and closing times of different stock exchanges.

Note

The clock given at http://market24hclock.com/ is a great example of a stock market clock as it quickly gives an idea about the opening and closing times of different exchanges.

The following diagram shows the Market Clock that we will create in this chapter:

What is this chart all about?

The stock market chart that we will build in this chapter has the following requirements:

  • It should show a 12-hour clock

  • For each stock exchange, it should show a sector on top of the clock

  • Each sector should represent the duration for which an exchange is open

  • The Exchange name should be shown on the sector

  • Each sector should use a unique color

Based on the preceding requirements, let's start with the design and then we will move on to the implementation...