echarts-bot[bot] commented on issue #20433:
URL: https://github.com/apache/echarts/issues/20433#issuecomment-2423930234
@liu-yuren It seems you are not using English, I've helped translate the
content automatically. To make your issue understood by more people and get
helped, we'd like to suggest using English next time. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**TITLE**
[Bug] The value of the data attribute in radiusAxis is set, but it is not
fully displayed on the page.
**BODY**
### Version
5.5.1
### Link to Minimal Reproduction
Please copy the code below to reproduce the problem
### Steps to Reproduce
```
<script setup lang="ts">
import * as echarts from 'echarts'
import { onMounted } from 'vue'
onMounted(() => {
init()
})
function init() {
const myChart = echarts.init(document.getElementById('main'))
const option = {
color: ['#E99D42', '#7FBDC6'],
angleAxis: {
splitLine: { show: false },
axisTick: {
show: true,
lineStyle: {
color: '#D3D3D3',
},
},
axisLine: {
show: true,
lineStyle: {
color: '#D3D3D3',
},
},
min: 0,
max: 50,
interval: 5,
axisLabel: {
show: true,
formatter: '{value}%',
color: '#696B6F',
},
},
radiusAxis: {
type: 'category',
data: ['German', 'American', 'Japanese', 'Other European'],
z: 10,
axisLine: { show: false },
axisTick: { show: false },
splitLine: { show: false },
axisLabel: {
color: '#696B6F',
},
interval: 0,
},
tooltip: {
show: true,
},
polar: {
radius: ['30%', '60%'],
center: ['50%', '50%'],
},
series: [
{
type: 'bar',
data: [10, 20, 10, 20],
coordinateSystem: 'polar',
name: '2024',
stack: 'a',
barWidth: 10,
},
{
type: 'bar',
data: [10, 20, 10, 20],
coordinateSystem: 'polar',
name: '2023',
stack: 'a',
barWidth: 10,
},
],
legend: {
show: true,
data: ['2024', '2023'],
right: '4%',
itemWidth: 12,
itemHeight: 12,
textStyle: {
color: '#666',
},
itemGap: 24,
},
}
// Draw the chart
myChart.setOption(option)
}
</script>
<template>
<div class="about">
<div id="main" style="width: 414px;height: 360px;" />
</div>
</template>
```
### Current Behavior
```
The data attribute value in radiusAxis is ['German', 'American', 'Japanese',
'Other European']
Only the German system is displayed on the page, and the others are not
displayed.
```
### Expected Behavior
```
The data attribute value in radiusAxis is ['German', 'American', 'Japanese',
'Other European']
All values in the data attribute in radiusAxis are displayed on the page
```
### Environment
```markdown
-OS:
-Browser:
- Framework:
```
### Any additional comments?
```
<template>
<div class="about">
<div id="main" style="width: 414px;height: 360px;" />
</div>
</template>
The width and height of the dom element are given according to the design
draft, and the width and height of the dom element cannot be changed.
```
</details>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
