Still have questions?
Contact support

# Bollinger Bands %B

## Overview

Bollinger Bands %B is an indicator derived from Bollinger Bands.

%B quantifies a security's price relative to the upper and lower Bollinger Band. There are six basic relationship levels:

• %B equals 1 when price is at the upper band
• %B equals 0 when price is at the lower band
• %B is above 1 when price is above the upper band
• %B is below 0 when price is below the lower band
• %B is above .50 when price is above the middle band (SMA)
• %B is below .50 when price is below the middle band (SMA)

Mathematical description of the indicator can be found on the following page: Mathematical Description of Bollinger Bands %B

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

``````var dataTable = anychart.data.table();

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 indicators
var bbandsB = plot.bbandsB(mapping);
``````

## Indicator Parameters

Bollinger Bands %B indicator requires only the "mapping" parameter. Optional parameters are "period", "deviation" and "series type".

``````var bbandsB = plot.bbandsB(mapping, 10, 3, "spline");
``````

## Visualization

Visualization of an indicator depends on the type of a series you display it with. Let's look at the next sample where two Bollinger Bands %B with different parameters and settings are added to separate plots:

``````// create BBandsB indicator with period 10 and show as line on the second plot
var BBandsB10 = chart.plot(1).bbandsB(mapping, 10, 0.2, "line").series();
BBandsB10.stroke('#bf360c');

// create BBandsB indicator with period 50 and show as column on the third plot
var BBandsB50 = chart.plot(2).bbandsB(mapping, 50, 0.6, "column").series();
BBandsB50.fill('#ff6d00');
``````