This is a migrated thread and some comments may be shown as answers.

Stacked BarSeries loosing bar thickness

5 Answers 105 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
Iron
Iron
Veteran
David asked on 25 Sep 2018, 12:53 PM

I must be doing something wrong, but can't make stacked bar to look the same as "not stacked".

Picture attached.

Can you recommend approach, please?

5 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 28 Sep 2018, 12:52 PM
Hi David,

I tried to reproduce the behavior shown on the attached picture, but the bar size is the same on my side both with separated and stacked series. I am attaching my test page to this reply - are you facing the same issue with it?

Meanwhile, you can also see if controlling the Gap and Spacing of the bars will bring the target layout:
https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/appearance-and-styling/gap-and-spacing

Regards,
Vessy
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 28 Sep 2018, 01:22 PM

Hi Vessy,

    I used your example with same results essentially. Other than hidden second series (not sure why it set up this way).

    Pic attached

    Any recommendations?

David

0
Vessy
Telerik team
answered on 02 Oct 2018, 04:04 PM
Hi David,

The third chart in the image attached in your latest post does not have any title, thus the space for it is consumed by the plot area (making the gap between the bars look bigger). I am attaching a runnable project where the Gap and Spacing of the series are increased, as well a title is set. Below you can see the result I get with a single and stacked series - can you test the attached project and see if it is working in the same way at your end?
https://www.screencast.com/t/6hmyZeNYmY

Regards,
Vessy
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 02 Oct 2018, 07:05 PM

Hi Vessy,

  Your example helped me tremendously! Apparently "gap" value needs to be specified on stacked series to match single one.

   Thank you very much

David

 

0
Vessy
Telerik team
answered on 03 Oct 2018, 06:29 AM
Hi,

You are welcome, David - I am glad my reply was helpful for you and the chart behaves as expected now.

Regards,
Vessy
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Chart (HTML5)
Asked by
David
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Vessy
Telerik team
David
Top achievements
Rank 1
Iron
Iron
Veteran
Share this question
or