Book Image

Kendo UI Cookbook

By : Sagar Ganatra
Book Image

Kendo UI Cookbook

By: Sagar Ganatra

Overview of this book

Table of Contents (18 chapters)
Kendo UI Cookbook
About the Author
About the Reviewers

Creating a chart to show stock history

The Kendo UI library provides a specialized chart widget that can be used to display the stock price data for a particular stock over a period of time. In this recipe, we will take a look at creating a Stock chart and customizing it.

Getting started

Include the CSS files, kendo.dataviz.min.css and kendo.dataviz.default.min.css, in the head section. These files are used in styling some of the parts of a stock history chart.

How to do it…

A Stock chart is made up of two charts: a pane that shows you the stock history and another pane that is used to navigate through the chart by changing the date range.

The stock price for a particular stock on a day can be denoted by the following five attributes:

  • Open: This shows you the value of the stock when the trading starts for the day

  • Close: This shows you the value of the stock when the trading closes for the day

  • High: This shows you the highest value the stock was able to attain on the day

  • Low: This shows you the...