AnyStock Stick Series

• Overview
• AnyStock Stick Series Adjustment
  • Data
  • Multi series
  • Switching series type
• Appearance

Overview

Stick Series is very similar to Column but with no width. Read more about Stick Series in the Stick Series tutorial.

AnyStock Stick Series Adjustment

Data

The data in stocks should be formatted as a table, there are two ways of setting it: as an array of arrays or as an array of objects.

Here is how to set data as an array of arrays, array contains values and then you map the data set to tell the component which column contains values.

// set the data
table = anychart.data.table();
table.addData([
    ['2004-01-02', 29955800],
    ['2004-01-05', 38892100],
    ['2004-01-06', 43684400],
    ['2004-01-07', 48757500]
]);

// map the data
mapping = table.mapAs();
mapping.addField('value', 1);

The next sample contains the same data, arranged as an array of objects.

// set the data
table = anychart.data.table('x');
table.addData([
    {x:'2004-01-02', value: 29955800},
    {x:'2004-01-05', value: 38892100},
    {x:'2004-01-06', value: 43684400},
    {x:'2004-01-07', value: 48757500},
]);

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

Find out more about setting and arranging data in Stocks in the Stocks Data tutorial.

Multi series

Simple multiple-series chart:

// set the series
var series_total = chart.plot(0).stick(mapping_total);
series_total.name('Total Request number');
var series_region = chart.plot(0).stick(mapping_region);
series_region.name('Region Request Number');

Multiple series on different plots:

// set the series
var series_total = chart.plot(0).stick(mapping_total);
series_total.name('Total Request number');
var series_region = chart.plot(1).stick(mapping_region);
series_region.name('Region Request Number');

Read more about plots in the Plots tutorial.

Switching series type

You can change the type of series to another compatible type. See the Series Type and series types table.

To switch the series use seriesType() method.

Appearance

To set the stroke color for the series use the stroke() method.

// coloring
series_total.stroke('#ff0000');