Vertical singleaxis position

[susiwen8]

Brief Information

This pull request is in the type of:

• bug fixing
• new feature
• others

What does this PR do?

The width of rect should have affect on vertical single axis layour.

Fixed issues

Close #13784

Details

Before: What was the problem?

After: How is it fixed in this PR?

Usage

Are there any API changes?

• The API has been changed.

Related test cases or examples to use the new APIs

NA.

Others

Merging options

• Please squash the commits into a single one when merge.

Other information

[echarts-bot]

Thanks for your contribution!
The community will review it ASAP. In the meanwhile, please checkout the coding standard and Wiki about How to make a pull request.

The pull request is marked to be PR: author is committer because you are a committer of this project.

[pissang]

This change will put the axis in the center of rect, which is not expected I think. The axis should be on the left when vertical, as it should be on the bottom when horizontal.

Also, I noticed the issue is about the NaN value in SVG render mode. I'm not sure about the relationship between this fix and the issue.

[susiwen8]

Also, I noticed the issue is about the NaN value in SVG render mode. I'm not sure about the relationship between this fix and the issue.

@pissang NaN was cause by missing position for singleAxis

{
    id: idx,
    orient: 'vertical',
    top: 6,
    //bottom:0,
    type: 'category',
    boundaryGap: false,
    data: hours,
    left: idx * (100),
    //height: 80,
    axisLabel: {
        interval: 2
    },
    width: 400,
    position: 'left'
}

[susiwen8]

This change will put the axis in the center of rect,

@pissang The simple way to solve this issue it's add a new option offset to control singleAxis. Just like grid which has no affect on singleAixs. This option would give user ability to control singleAixs layout

PS: only for vertical axis now, if you think this were worthy, I'll continue.