Setting bottom borderWidth for a bar chart has no effect

[mustpax]

Expected Behavior

Setting borderWidth with an object should make it possible to set the width of the bottom border on a bar chart.

Current Behavior

Setting borderWidth for bottom border has no effect.

This:

borderWidth: {
        top: 0,
        bottom: 5,
        right: 0,
        left: 0
}

Is equivalent to

borderWidth: 0

Possible Solution

Draw the bottom border of a bar chart if borderWidth is explicitly specified with an object and bottom > 0. If the borderWidth is specified as a number, retain previous functionality.

Steps to Reproduce (for bugs)

Interactive live demo: https://codesandbox.io/s/j363lr39ry

Note Line 27 in src/index.js where borderRadius.bottom is specified, but this has no effect on the displayed bar chart.

Context

Building a custom bar chart for a client. The client wants the chart to have no x or y-axis. Instead each bar will have a distinct color border. We will display labels and scales for the bar chart through other means.

When we removed the axes we noticed that the bottom border for the bars did not exist. We then tried to explicitly set the bottom border via borderWidth but were unable to do so.

If the maintainers are open to it, we're willing to submit a patch to fix the issue with your guidance.

Environment

• Chart.js version: 2.8.0
• Browser name and version: Chrome 72

[mustpax]

Resolved my own issue! I just set borderSkipped: false and all 4 borders show up now. Thanks!