@import '../../global/theme.less';
@import '../../global/mixin.less';
.chart {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;

  .loadingContainer {
    height: 100%;
    width: 100%;

    :global {
      .@{ant-prefix}-spin-container {
        height: 100%;
        width: 100%;
      }
    }
  }

  .realChartContainer {
    height: 100%;
    width: 100%;
    overflow: auto;
    .scrollbar(@t-scrollbar-thumb-color, 10px, @t-dashboard-block-bg);
  }

  &.dark {
    .dataStatus {
      opacity: 0.5;
    }
  }
  &.disabled {
    pointer-events: none;
  }
  :global {
    .echarts-tooltip {
      user-select: text;
      cursor: pointer;
      .scrollbar(@t-scrollbar-thumb-color, 10px, @t-tooltip-bg-color);
      &:hover {
        .scrollbar(@t-scrollbar-thumb-color, 10px, @t-tooltip-bg-color, 0px);
      }
    }
  }
}