Bollinger Bands

• Overview
• Adding Indicator
• Indicator Parameters
• Visualization

Overview

Bollinger Bands are a technical analysis tool invented by John Bollinger in the 1980s. Having evolved from the concept of trading bands, Bollinger Bands can be used to measure the "highness" or "lowness" of the price relative to previous trades.

AnyChart Stock allows you to add Bollinger Bands with desired period to any of your charts.

Mathematical description of the indicator: Bollinger Bands.

Adding Indicator

Bollinger Bands indicator is added using bbands() method. It requires a mapping with the "value" field in it:

var dataTable = anychart.data.table();
dataTable.addData(get_csco_daily_data());

// map loaded data
var mapping = dataTable.mapAs({'value': 4});

// create stock chart
chart = anychart.stock();

// create plot on the chart
var plot = chart.plot(0);

// create Bollinger Bands indicator
var bbands = plot.bbands(mapping);

Indicator Parameters

Bollinger Bands indicator only required parameter is "mapping". Optional parameters are: "period", "deviation", "middle", "upper" and "lower" series types. The following code sample demonstrates a Bollinger Bands indicator with parameters set as default:

var bbands = plot.bbands(mapping, 20, 2, "line", "line", "line");

Visualization

Visualization of an indicator depends on series type. Here is a sample with an adjusted Bollinger Bands indicator:

// create Bollinger Bands indicator with splines
var bbands = plot.bbands(mapping, 10, 3, "spline", "spline", "spline");

// color the series
bbands.upperSeries().stroke('#bf360c');
bbands.middleSeries().stroke('#ff6600');
bbands.lowerSeries().stroke('#bf360c');
bbands.rangeSeries().fill('#ffd54f 0.2');