[Feature] MarkArea Gap

[thatsgolden]

What problem does this feature solve?

Hers is a bar chart that needs to be divided into different categories based on a certain classification, each category is highlighted with a markArea, and there needs to be a gap between the markAreas in order to look good.

At this stage, a false gap can be realized by adding a border width to the markArea by series.markArea.itemStyle.borderWidth, but when the width is increased to 8 (which is a suitable width for look), the border can be seen at the bottom edge obviously, in order to make the stroke at the bottom edge looks disappear, an upward offset can be added to xAxis by xAxis.offset, but the bar item of the series doesn't have the function of upward offset.

What does the proposed API look like?

markArea: {
    silent: true,
    itemStyle: {
        gap: 8,
        borderColor: 'rgb(255,255,255)',
    }
}