iep-ui/es/chart-template/style/index.css

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