MVC Chart Combination

Question

how can i build a chart with bars and line from a single json that came with this contentTotal, Month, Year50,1,201840,2,201878,2,201757,3,2017

Baby Palanidurai · Answer

Hi Gian carlo, 

Thanks for using syncfusion products. 

We have analyzed your query. As for your requirement, we have prepared a sample for bar and line chart combination. Bar charts cannot be combined with other cartesian type charts. To achieve bar and line charts, you can use series type as column and set isTransposed property as true. Kindly find the code snippet below to achieve this requirement. 






  @Html.EJS().Chart("container").Series(series => 
       { 
           series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Column).XName("year").YName("total").DataSource(ViewBag.dataSource).Add(); 
           series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).XName("year").YName("total").DataSource(ViewBag.dataSource).Add(); 
 
 
       }).IsTransposed(true).Render() 

Screenshot: 
  
Sample for reference can be find from below link, 
http://www.syncfusion.com/downloads/support/forum/136269/ze/bar-line-charts-468887117 

Kindly revert us, if you have any concerns. 

Thanks, 
Baby.