iep-ui/lib/chart-template/style/index.less

An enterprise-class UI design language and Vue-based implementation

.iep-chart {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  &-core {
    width: 100%;
    height: 100%;
    &-inner {
      width: 100%;
      height: 100%;
    }
  }
  &-empty {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    .ant-empty {
      width: 100%;
      display: flex;
      justify-content: center;
      align-content: center;
      flex-direction: column;
    }
  }
  &-loading {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%!important;
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .ant-spin {
      display: flex;
      justify-content: center;
      align-content: center;
    }
  }
}