Solve the problem of intervals between each series of stacked histograms in the Echart polar coordinate system

Modify the distance between columns of the same series in Echart

Description of the problem:
In the official case, there is an interval between the center of the stacked histogram in the polar coordinate system, as shown below:
insert image description here

Solution: Add the attribute barCategoryGap to a 'bar' in the coordinate system and set the default value '20%' to 0 or '0%'.

series: [
    {
    
    
      type: 'bar',
      barCategoryGap:0,
      data: [1, 2, 3, 4, 3, 5, 1],
      coordinateSystem: 'polar',
      name: 'A',
      stack: 'a',
      emphasis: {
    
    
        focus: 'series'
      }
    },
    {
    
    
      type: 'bar',
      data: [2, 4, 6, 1, 3, 2, 1],
      coordinateSystem: 'polar',
      name: 'B',
      stack: 'a',
      emphasis: {
    
    
        focus: 'series'
      }
    },
    {
    
    
      type: 'bar',
      data: [1, 2, 3, 4, 1, 2, 5],
      coordinateSystem: 'polar',
      name: 'C',
      stack: 'a',
      emphasis: {
    
    
        focus: 'series'
      }
    }
  ],

The modified effect is as follows:
insert image description here

Guess you like

Origin blog.csdn.net/Shiny_boy_/article/details/127757073