apache / apache/echarts

[Feature] Support border radius for backgroundColor image

Open
#20,130 8 comments 0 reactions 1 assignee Claimed by @plainheart View on GitHub
en new-feature
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.5

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=treemap-simple&code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLkWxgCeIWxA5GDllgLYCGITANFQoATLmC7Ey1aqilToXDo1hNowIVgCC_QbIBuXADYBXJQEYADANnUAxgAsIBoW2gSd1mddnzFzVeo0ubS89QxNiABZ3WQBfKxD0TwT0HyUVNU0AI2Dk9H1jJQA2aKkYkvQAXRK4kqTrVL8MgCEcr3zw2AAmS3LYe0dnLFdSXsTRigblfywmoPjc9qVu-eT-pxc3XOlx7wU06dnTVq28sKXzHYoyk6rc65Db63vqCpX0Ay5MrANiOuoAM2AOG4YDAuGI_yM0BskBgsAAFABKSgJNhgIw4OAAIiQEA4AHMAD4xLHVN4UPD2X7jPH46knTJcGwAa3xOGAUKEAGFgAYgfSTrA8Vx8Wk7KCQEQAPRSjAAZgAtBhaBxMryFXz8cAAHSsLhCCDQfG6fAAd21NmAHClbAMEC40KwCsNQiMGFY9oMzug_xwXHdOCMMIxWG1GF0-OOCRqJzsWAg-PFxAArD0TqaIEIwHYU2mtmqcOocAAlfUQN3ETrJ8bPJ7uWv3KoxADcQA

### Steps to Reproduce

Run the given reporduction link or check this code
```

option = {
series: [
{
type: 'treemap',
data: [
{
name: 'nodeA',
value: 10,
children: [
{
name: 'nodeAa',
value: 4
},
{
name: 'nodeAb',
value: 6
}
]
},
{
name: 'nodeB',
value: 20,
children: [
{
name: 'nodeBa',
value: 20,
children: [
{
name: 'nodeBa1',
value: 20
}
]
}
]
}
],
label: {
formatter: function () {
return "{img|}"
},
rich: {
img: {
backgroundColor: {
image: 'https://s3-symbol-logo.tradingview.com/reliance-industrial-infrastructure.svg',
},
height: 50,
width: 50,
borderRadius: 25
}
}
}
}
]
};
```

### Current Behavior

Currently when set borderRadius, it not doing anything when backgroundColor is image

### Expected Behavior

Image should have border radius.

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.