renderLinesLabels()

in widgets/distribution-reports/src/app/report-chart.js [196:237]

• 40 lines of code
• 4 McCabe index (conditional complexity)

  renderLinesLabels() {
    const reportData = this.state.reportData || {};
    const columns = reportData.ycolumns || reportData.columns || [];

    const chartHeight = ReportChart.getBarsChartHeight(columns);
    const totalCount = ReportModel.getSizeValue(reportData.total);

    return (
      <div>
        <div className="report-chart__body-wrapper">
          <div
            className="report-chart__labels"
            style={{height: chartHeight}}
            onMouseLeave={this.clearActiveLineIndex}
          >
            <div className="report-chart__labels-column">
              {
                columns.map((column, idx) =>
                  this.renderLineLabel(column, idx)
                )
              }
            </div>
            <div className="report-chart__labels-column">
              {
                columns.map((column, idx) =>
                  this.renderLineSize(column, idx)
                )
              }
            </div>
            <div className="report-chart__labels-column">
              {
                columns.map((column, idx) =>
                  this.renderLinePercents(column, totalCount, idx)
                )
              }
            </div>
          </div>
          { this.renderChartBody(chartHeight) }
        </div>
      </div>
    );
  }