echarts [Bug] dots of lower radar appear on the top of higher radars

3duebb1j  于 3个月前  发布在  Echarts
关注(0)|答案(1)|浏览(71)

Version

5.2.1

No response

Steps to Reproduce

use the following options

option = {
  tooltip: {},
  legend: {
    right: 70,
    type: 'scroll',
    data: [
      'A',
      'B',
      'C',
    ]
  },
  radar: {
    indicator: [
      { name: '1' },
      { name: '2' },
      { name: '3' },
      { name: '4' },
      { name: '5' },
      { name: '6' },
      { name: '7' },
      { name: '8' }
    ],
    nameGap: 8,
    startAngle: 90,
    splitNumber: 5
  },
  series: [
    {
      type: 'radar',
      name: 'A',
      colorBy: 'series',
      data: [
        {
          name: 'A',
          value: ['8', '19', '0', '0', '0', '6', '0', '7'],
          areaStyle: {},
          tooltip: {},
        }
      ]
    },
    {
      type: 'radar',
      name: 'B',
      colorBy: 'series',
      data: [
        {
          name: 'B',
          value: ['6', '19', '8', '10', '6', '10', '5', '6'],
          areaStyle: {},
          tooltip: {},
        }
      ]
    },
  ]
};

Current Behavior

Dots from lower radar appear on the top of higher radars. Though I didn't find a way to inspect their z-index values, it seems that dots have larger values of z-index than radar area's.

The radar in blue lies under the green one. Hovering on the blue dots still triggers tooltips.

Expected Behavior

The dots in blue should reside under the green radar

Environment

- OS: windows 10
- Browser: chrome
- Framework: vue

Any additional comments?

No response

fnvucqvd

fnvucqvd1#

I think that is by design. Otherwise tooltip will not work for those points.

相关问题