Stacked Column Chart - Stacked And None-Stacked Columns?

[david.prout]

Hi,

 

We're evaluating some chart libraries, including kendoui and FusionCharts.

 

We've been very impressed with fusion charts, but have come across one issue so far.

 

We're trying to achieve a column chart where 1 column is stacked, but the rest are not.

 

We achieved this with kendoui using the following code:

 

$("#mainVaChart").kendoChart
({
id: "mainVa",
transitions: true,
title: { text: "Breakdown of Costs" },
legend: { visible: true },
seriesDefaults:
{
 type: "column",
 tooltip: strToolTip,
 label: {visible: true}
},
series:
[
 {
  name: "Sales",
  data: [arData[0].sales],
  stack: "Sales"
 },
 {
  name: "Internal Sales",
  data: [arData[0].intSales],
  stack: "Internal Sales"
 },
 {
  name: "Purchases",
  data: [arData[0].purchases],
  stack: "Costs"
 },
 {
  name: "Wages",
  data: [arData[0].wages],
  stack: "Costs"
 },
 {
  name: "Overheads",
  data: [arData[0].overheads],
  stack: "Costs"
 }
]
});

 

Which results in the attached screenshot and is exactly what we want.

 

Is this possible in fusioncharts? If so, what's the best way of achieving it?

 

Thanks.

Edited October 9, 2012 by david.prout

[Sanjukta]

Hi,

 

Please note that FusionCharts XT supports Stacked Column 2D chart which has a specific XML/JSON data format that needs to be passed to the chart in order to display it.

 

Please refer to the following link for the supported data format and attributes supported by Stacked Column 2D chart.

Ref.- http://docs.fusioncharts.com/charts/contents/?ChartSS/StCol2D.html

 

Hope this helps.