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
About the Author
About the Reviewers

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.


The clock given at 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...