The wijcandlestickchart widget is a financial chart that shows stock information using high, low, open, and close values for each day in the series. It includes a type option that allows you to specify whether to display an ohlc (open high low close), hl (high low), or candlestick chart.

The wijcandlestickchart uses five values for each data point in the seriesList:

• x Determines the date position along the x axis.
• high Determines the highest price for the day, and plots it as the top of the candle along the y axis.
• low Determines the lowest price for the day, and plots it as the bottom of the candle along the y axis.
• open Determines the opening price for the day.
• close Determines the closing price for the day.

You can omit the open and close values if you set the type option to hl.

For ohlc charts, horizontal dashes to the left of the candle represent open values, and horizontal dashes to the right of the candle represent close values. For candlestick charts, they display as top and bottom wicks extending from the ends of the candles.

For a listing of all of the options, methods, and events available on this widget, please see the API docs for wijcandlestickchart.

In this section

Quick Start

Markup and Scripting

CandlestickChart How To

CandlestickChart Concepts

Adaptive for Mobile Use

This widget is an adaptive widget. An adaptive widget is different from a jQuery UI widget in that you can use it in both mobile and non-mobile web applications. To use it in non-mobile applications, just use the regular help. To use it in mobile applications:

• Use jQuery Mobile instead of jQuery UI references
• Do not initialize the widget in script (unless you need to for complex widgets like charts)
• Use the data-role attribute to create the widget in markup

These steps are demonstrated in the jQuery Mobile topic.