Switching the Series Type

You can change the series type on the fly if the current type and the new one have the same or similar fields. See the list of supported series to find out what series types can be converted to each other.

To switch the series use seriesType() method of a series and set the series name as a string parameter. The name of the series type used as a parameter is identical to the method creating series of this type.

The sample below demonstrates how this feature works with Area, Line, Column, and other series types requiring only one value:

// create data
var table = anychart.data.table('x');
table.addData([
    {x:'1790-01-01', value: 3929214},
    {x:'1795-01-01', value: 4390561},
    {x:'1800-01-01', value: 5236631},
    {x:'1805-01-01', value: 5989289},
    {x:'1810-01-01', value: 7239881},
    {x:'1815-01-01', value: 8722382},
    {x:'1820-01-01', value: 9638453}
]);

// map the data
mapping = table.mapAs({x:'x', value:'value'});  

// set the chart type
var chart = anychart.stock();

// set the series type
var series = chart.plot(0).area(mapping);

// create a scroller series with values
var scrollerSeries = chart.scroller().area(table.mapAs({'value': 'value'}));

// switch the type of the main series
series.seriesType("column");

// switch the type of the scroller series
scrollerSeries.seriesType("column");

In the following sample, the seriesType() method is applied to OHLC, Japanese Candlestick, and similar types:

// create data
var table = anychart.data.table('x');
table.addData([
    {'x': '2015-04-01', 'o': 18.23, 'h': 19.36, 'l': 18.18, 'c': 19.31},
    {'x': '2015-04-02', 'o': 19.50, 'h': 19.89, 'l': 19.00, 'c': 19.29},
    {'x': '2015-04-03', 'o': 19.13, 'h': 19.15, 'l': 18.43, 'c': 18.75},
    {'x': '2015-04-06', 'o': 18.54, 'h': 18.76, 'l': 18.27, 'c': 18.76}
]);

// map the data
mapping = table.mapAs({'open':"o",'high': "h", 'low':"l", 'close':"c"});

// set the chart type
var chart = anychart.stock();

// set the series type
var series = chart.plot(0).ohlc(mapping);

// create a scroller series with o/h/l/c values
var scrollerSeries = chart.scroller().ohlc(table.mapAs({'open':"o",'high': "h", 'low':"l", 'close':"c"}));

// switch the type of the main series
series.seriesType("rangeArea");

// switch the type of the scroller series
scrollerSeries.seriesType("rangeArea");

Please note that the Range Area series uses only two values from the data set, but it works because it shares the default names of data fields (low and high) with Japanese Candlestick and OHLC series. So, series types do not have to use the same number of fields to be convertible to each other.