feat(pictorialBar): support clip for pictorialBar series

[Ovilia]

Brief Information

This pull request is in the type of:

• bug fixing
• new feature
• others

What does this PR do?

Support clip for pictorialBar series.

Fixed issues

#19173

Details

Before: What was the problem?

Pictorial bars may overflow the grid area.

After: How does it behave after the fixing?

User can set series.clip: true to enable clipping.

Document Info

One of the following should be checked.

• This PR doesn't relate to document changes
• The document should be updated later
• The document changes have been made in Feat pictorial bar clip echarts-doc#365

Misc

ZRender Changes

• This PR depends on ZRender changes (ecomfe/zrender#xxx).

Related test cases or examples to use the new APIs

N.A.

Others

Merging options

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

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.

Document changes are required in this PR. Please also make a PR to apache/echarts-doc for document changes and update the issue id in the PR description. When the doc PR is merged, the maintainers will remove the PR: awaiting doc label.

[github-actions]

The changes brought by this PR can be previewed at: https://echarts.apache.org/examples/editor?version=PR-19197@71799e9

[linghaoSu]

It seems that when the label is placed outside the bar, it will be clipped. Is this expected?

label cliped live demo

[Ovilia]

@linghaoSu Thanks for correcting. I think this is not ideal. I will try to fix this.

[Ovilia]

@linghaoSu It seems that if the clipPath is added on the bar.__pictorialBundle, there would be an extra transform on the clipPath and makes the whole shape invisible. Do you have any suggestion?

[plainheart]

How about preventing the label from being clipped by setting the label ignoreClip to be true?

[Ovilia]

How about preventing the label from being clipped by setting the label ignoreClip to be true?

Thanks for the hint! It's a good idea.

@linghaoSu @plainheart Please help review again. Thanks

[linghaoSu]

Looks good to me.

[echarts-bot]

Congratulations! Your PR has been merged. Thanks for your contribution! 👍