Combination series with shared ticks for positive/negative values

Question

Hello,Please confirm if a combination series chart has the possibility to display two series on a single tick, as per the attached screenshot.Thank you,Attachment: Combo_chart_shared_ticks_6c61e89f.7z

Sriram Kiran Senthilkumar · Accepted Answer

Hi Predrag,

Greetings from Syncfusion. We have analyzed your scenario and we would like to share some information regarding the enableSideBySideSeriesPlacement property of the SfCartesianChart. On setting false to this property, all the series in the chart will share one over the other and also they share same ticks. This property defaults to true. Please refer the code snippet below for further reference.

SfCartesianChart(

// Setting false to the property to disable the side by side placement of series

enableSideBySideSeriesPlacement: false,

series: <ChartSeries>[

ColumnSeries<SalesData, double>(

dataSource: chartData,

xValueMapper: (SalesData sales, _) => sales.year,

yValueMapper: (SalesData sales, _) => sales.sales

),

ColumnSeries<SalesData, double>(

opacity: 0.9,

width: 0.4,

dataSource: chartData,

xValueMapper: (SalesData sales, _) => sales.year,

yValueMapper: (SalesData sales, _) => sales.loss

)

]

)

Screenshot:

The sample for reference can be found below.

https://www.syncfusion.com/downloads/support/forum/158994/ze/f158994_seriespalcementsample579061199

For further reference on the enableSideBySideSeriesPlacement property, please check the user guide below.

https://help.syncfusion.com/flutter/cartesian-charts/chart-types#side-by-side-series-placement

Regards,

Sriram Kiran

Predrag Cvetkovski · Answer

Thanks Sriram, enableSideBySideSeriesPlacement property of the SfCartesianChart solved this use case!Regards,Predrag

Sriram Kiran Senthilkumar · Answer

Hi Predrag, 
  
Most welcome. Please get in touch with us if you have further queries. We are always happy in assisting you. 
  
Regards, 
Sriram Kiran