Visualization types

Yagr supports four timeseries visualization types:

LineLine

• 'line'

AreaArea

Areas are filled-in spaces between lines. If two areas are overlapping with the lowest series, the index will be in the background.

• 'area'

DotsDots

• 'dots'

ColumnColumn

• 'column'

ConfigurationConfiguration

You can configure a chart type for whole charts:

chart: {
    series: {
        type: 'line',
    }
}

or per series

chart: {
    series: {
        type: 'line',
    }
},
series: [
    {data: [2, 4, 1], color: 'green'},             // will render line (by default in chart.type)
    {data: [1, 2, 3], color: 'red', type: 'area'}, // will render area
]

Keep in mind that Yagr draws the first series from the last to the first, so if you render a non-transparent area first, it might overlap other series. Be careful.