.echart-container {
  width: 100%;
  border: 1px solid $color-border-base;

  .echart-container-title {
    @include box();
    @include flex-align-center();
    width: 100%;
    height: 40px;
    padding: 0 $space-small;
    @include box-sizing();
    border-bottom: 1px solid $color-border-base;
  }

  .echart-content{
    height: 200px;

    .echart-content-chart{
      width: 100%;
    }
  }

  .echart-content-loading{
    @include box();
    @include flex-center();
    width: 100%;
    height: 200px;
  }

  .echart-content-nodata{
    @include box();
    @include flex-center();
    @include flex-column();
    width: 100%;
    height: 200px;
  }
}