cyber-narrator-cn-ui/src/assets/css/components/views/charts2/npmTrafficLine.scss

.npm-traffic-line {
  height: 100%;
  width: 100%;
  .npm-traffic-line-title {
    font-size: 14px;
    color: #353636;
    font-weight: 600;
    height: 32px;
  }
  .npm-traffic-line-body {
    border: 1px solid #E2E5EC;
    border-radius: 4px;
    height: calc(100% - 32px);
    width: 100%;
    .chart-drawing {
      height: 100%;
      width: 100%;
      .echarts-tooltip.echarts-tooltip-dark {
        .cn-chart-body {
          display: flex;
          .cn-chart-tooltip {
            display: flex;
            flex-direction: column;
            flex: 1;
            .cn-chart-tooltip-box {
              margin-right: 10px;
            }
            .cn-chart-tooltip-value.cn-chart-tooltip__color {
              font-size: 12px;
              color: #353636;
              line-height: 21px;
              font-weight: 600;
            }
          }
        }
      }
    }
  }
}