Skip to content

stacked bar chart rounding issue #5090

@lovasoa

Description

@lovasoa

Description

In some cases, stacked bar charts do not properly draw border radiuses.

Steps to Reproduce

  1. Create a stacked bar charts where
    • the x and y values are provided explicitly for each data point
    • not all series have a value for each value of x
    • there is a bar border radius

Minimal repro:

new ApexCharts(chart_div, {
  chart: { type: "bar", stacked: true },
  series: [
    {data: [{x:2, y:1}]},
    {data: [{x:1, y:1}]}
  ],
  plotOptions: {bar: {borderRadius: 5}},
}).render();

Expected Behavior

A bar chart with two bars

  • a rounded green bar of size 1 at x=1
  • a rounded blue bar of size 1 at x=2

Actual Behavior

The blue bar at x=2 is not rounded.

Screenshots

Image

Reproduction Link

See https://codepen.io/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-/pen/xbwYXxw?editors=0010

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions