Flexchart Stacking Issue

Flexchart Stacking Issue

Posted by: hdle on 28 April 2024, 5:47 am EST

• 

  hdle

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 28 April 2024, 5:47 am EST - Updated 28 April 2024, 5:52 am EST

  Hi,
  
  I have a 3 series bar chart where the 3rd series is mapped to secondary y-axis on the right. Stacking is set to None, but for some reason, 3rd series stacked on top of the other two. How do I keep a none stacking 3 bars charts with multiple y axis?

  Here is a screenshot of the issue
  
  

  Thanks,
  
  Hai

• 

  uttkarsh.matiyal

  

  • Post Options:
  • Link
    Copy

  Posted 29 April 2024, 4:06 am EST

  Hello Hai,

  The behavior is by design. The columns are not stacked over one another; the two columns are behind the front one. Please refer to the attached sample, in which we have plotted the same chart with light colors. You’ll notice that the columns are just overlapped and not stacked.
  
  Typically, charts with the same ChartTypes are plotted on the same AxisY. Different ChartTypes are plotted on different AxisY.

  However, we have forwarded your concern to the developer to get their insight on it. Rest assured, as soon as we get any necessary updates, we’ll inform you.
  
  [Internal tracking ID: C1WIN-32019]

  Regards,
  
  Uttkarsh

  FlexChart_StackingBars.zip

• 

  uttkarsh.matiyal

  

  • Post Options:
  • Link
    Copy

  Posted 2 May 2024, 4:04 am EST

  Hello Hai,

  As per developers, the behavior is by-design. The series from another axis are considered as independent.

  You can add 3 dummy series with zero values (1 series for the main y-axis and 2 for the second y-axis) to display your 3 non-stacking bar charts with multiple y-axis. After adding 3 dummy series, the “real” series would be aligned correctly without overlapping. Please find the modified project attached FlexChart_StackingBars_Modified.zip.

  Please let us know if you need help with anything else.

  Regards,
  
  Uttkarsh.

• 

  hdle

  • Post Options:
  • Link
    Copy

  Posted 4 May 2024, 11:51 am EST

  Hi Uttkarsh,

  Thanks for tracking down the issue and propagating it to the developer.

  I appreciate the workaround, but I think it is too much of a hack to create multiple dummy series and hiding them. One way that seems to work is 1) set the chart to Stacking mode 2) give each series a different StackingGroup id.

  Thanks,
  
  Hai

• 

  uttkarsh.matiyal

  

  • Post Options:
  • Link
    Copy

  Posted 6 May 2024, 4:12 pm EST

  Hello Hai,
  
  Thanks a lot for your suggestion. We tested your solution by setting the FlexChart to Stacking mode and using different StackingGroups for the series and it works completely fine for your use-case. You can definitely use this in your application instead of our solution.
  
  For future reference, we have attached the updated sample project on which we tested your solution. (see FlexChart_StackingGroups.zip)
  
  Regards,
  
  Uttkarsh.