Echarts 条形重叠

Question

我很难找到条形重叠的原因。看下图

这是我的选择。

this.options = {
    backgroundColor: echarts.bg,
    color: [colors.warningLight, colors.infoLight, colors.dangerLight, colors.successLight, colors.primaryLight],
    title: {
      text: 'WaitStats',
      textStyle: {
        color: echarts.textColor,
      },
    },
    toolbox: {
      left: 'right',
      feature: {
          saveAsImage: {
            title: 'Save As picture',
          },
          magicType: {
            type: ['line', 'bar'],
            title: { 
              line: 'Line Chart',
              bar: 'Bar Chart'
            },
          }
      }
    },
    tooltip: {},
    legend: {
      left: '15%',
      width: '72%',
      textStyle: {
        color: echarts.textColor,
      },
    },
    grid: {
      left: '1%',
      right: '1%',
      bottom: '7%',
      top: '12%',
      containLabel: true,
    },
    xAxis: [
      {
        type: 'category',
        boundaryGap: false,
        data: this.seriesX,
        axisTick: {
          alignWithLabel: true,
        },
        axisLine: {
          lineStyle: {
            color: echarts.axisLineColor,
          },
        },
        axisLabel: {
          //rotate: 90,
          textStyle: {
            color: echarts.textColor,
          },
        },
      },
    ],
    yAxis: [
      {
        type: 'value',
        min: 0,
        max: 100,
        interval: 10,
        axisLabel: {
            formatter: '{value} %',
            textStyle: {
              color: echarts.textColor,
            },
        },
        axisLine: {
          lineStyle: {
            color: echarts.axisLineColor,
          },
        },
        splitLine: {
          lineStyle: {
            color: echarts.splitLineColor,
          },
        },
      },
    ],
    dataZoom: [
      {
        show: true,
        start: 0,
        end: 100
      },
      {
          type: 'inside',
          start: 0,
          end: 100
      },
    ],
    series: this.seriesData
  };

感谢您的帮助！ ..................................................... ..................................................... . ..................................................... ..................................................... .

Answer 1

将您的代码更改为：

xAxis: [{
  //...
    boundaryGap: true
  //...
}]

Echarts 条形重叠

Echarts bar overlap

echarts