@import "src/styles.scss";
$graph-height: 40rem;

#graph {
  font-size: 1.4rem;
  height: 100%;
  .graph_title {
    @include graph-title;

    .radiotypes {
      text-align: right;
      padding-right: 0.8rem;
    }

    .yearbox {
      text-align: right;
    }

    .selectyear {
      width: 100%;
    }
  }

  .chart-card {
    @include third-layer-echarts;
    overflow: hidden;
    height: 100%;
    box-shadow: $box-shadow-level1;
    .bodys {
      height: 95%;
      position: relative;

      .echart-menu-panel {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        //   border: 0.1rem solid #aaa4a4;
        width: 14rem;
        padding: 2rem 1.7rem 2rem 2rem;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
        font-weight: 450;
        .echart-menu-panel-border {
          box-shadow: 0.2rem 0.2rem 1rem #888888;
          border: 0.1rem solid #aaa4a4;
          background-color: #ffffff;
        }
        .echart-menu-panel-box {
          padding: 0.4rem 0;
          border-bottom: 0.1rem solid #aaa4a4;
          div {
            padding: 0.4rem 0.8rem;
          }
          div:hover {
            background-color: #335cad;
            cursor: pointer;
            color: #ffffff;
          }
        }
      }

      .barChart {
        width: 100%;
        height: 100%;
      }
    }
  }

  .echartfontsize {
    font-size: 1.2rem;
  }
}