echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] 雷达图不显示radiusAxis的轴标签

Open bigfacewo opened this issue 2 years ago • 6 comments

Version

5.4.2

Link to Minimal Reproduction

https://codesandbox.io/s/x0gmtn?file=/index.js

Steps to Reproduce

雷达图

options:

{
  title: {
    text: 'Basic Radar Chart'
  },
  legend: {
    data: ['Allocated Budget', 'Actual Spending']
  },
  polar: {
    
  },
  radiusAxis: {
    type: 'value',
    axisLine: {
      show: true
    },
    axisLabel: {
      show: true,
      color: '#000',
      interval: 'auto'
    },
    z: 10000
  },
  angleAxis: {
    axisLine: {
      show: false
    },
  },
  radar: {
    // shape: 'circle',
    indicator: [
      { name: 'Sales', max: 6500 },
      { name: 'Administration', max: 16000 },
      { name: 'Information Technology', max: 30000 },
      { name: 'Customer Support', max: 38000 },
      { name: 'Development', max: 52000 },
      { name: 'Marketing', max: 25000 }
    ]
  },
  series: [
    {
      name: 'Budget vs spending',
      type: 'radar',
      z: 1,
      axisLabel: {
        show: true,
        color: '#000'
      },
      data: [
        {
          value: [4200, 3000, 20000, 35000, 50000, 18000],
          name: 'Allocated Budget'
        },
        {
          value: [5000, 14000, 28000, 26000, 42000, 21000],
          name: 'Actual Spending'
        }
      ]
    }
  ]
};

Current Behavior

径向轴标签不显示

image

Expected Behavior

径向轴标签显示

Environment

- OS: win11
- Browser: chrome 113.0.5672.127
- Framework: 无

Any additional comments?

No response

bigfacewo avatar Jun 07 '23 09:06 bigfacewo

@bigfacewo 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. 🤗

TRANSLATED

TITLE

[Bug] Radar charts do not display radius axis labels

echarts-bot[bot] avatar Jun 07 '23 09:06 echarts-bot[bot]

I think radar.indicator.name are the axis labels (Sales, Marketing, etc.). What else do you expect to see, from your example ?

helgasoft avatar Jun 07 '23 20:06 helgasoft

@helgasoft image

demo

https://github.com/apache/echarts/issues/18090

bigfacewo avatar Jun 11 '23 11:06 bigfacewo

radiusAxis definition is "Radial axis of polar coordinate". Also "Polar coordinate can be used in scatter and line chart" (...and bar charts).

From radar definition: "Radar chart coordinate is different from polar coordinate, in that every axis indicator of the radar chart coordinate is an individual dimension". So there is no radiusAxis in radar.

NB: please close issue if problem resolved.

helgasoft avatar Jun 11 '23 17:06 helgasoft

So, can the style of displaying only one numerical axis be achieved using echarts? image

bigfacewo avatar Jun 12 '23 06:06 bigfacewo

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

github-actions[bot] avatar Jun 11 '25 21:06 github-actions[bot]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!

github-actions[bot] avatar Jun 19 '25 21:06 github-actions[bot]