Linked Series Vaadin Charts 3

Flow
1

Hi
Coming from HighCharts, I have just been starting to explore Vaadin Charts 3. I wonder if I can create linked series like the screenshot I’ve attached (using HighCharts)? The gray columns are linked to the colored ones and are positioned slightly behin the colored ones. See http://api.highcharts.com/highcharts/series<column>.linkedTo

Regards
Johan
28454.png

2

Hi,

Options that should only be applied to one data series are usually set using setPlotoptions method in the series you’re configuring. Tried with a quick example and it worked, the code for the data series looked like:

[code]
DataSeries average = new DataSeries(“average”);
average.addData(rawAverageData);

    RangeSeries temperatures = new RangeSeries("Temperatures");
    temperatures.setRangeData(rawData);
    PlotOptionsArearange options = new PlotOptionsArearange();
    options.setLinkedTo(":previous");
    temperatures.setPlotOptions(options);

[/code]To use an id in setLinkedTo you need to set id of the series with

average.setId("averageseries"); Hope this helps,

Guillermo

3

Hi
Thank you very much for the assitance. I’ve managed to link them thanks to your help but I would like to position the linked series next to each other (no spacing) to emphasize their connection to each other. Is that possible. Now you can’t really tell the difference between all four column and which two belong together (see attachment).

/Johan
28455.png

4

Hi Johan,

It looks like pointPlacement is what you want to set for that, I did a small only HC test http://jsfiddle.net/alvarezg/1y6mj1nr/ . Unluckily Vaadin Charts has only support for PointPlacement enum for that property in PlotOptionsColumn, if this is an issue for you, you can create a ticket in
https://dev.vaadin.com/