render()

in src/YTicks.js [94:137]

• 42 lines of code
• 9 McCabe index (conditional complexity)

  render() {
    const {
      width,
      yScale,
      tickCount,
      position,
      tickLength,
      tickStyle,
      tickClassName,
      spacingLeft,
      spacingRight,
    } = this.props;
    const placement =
      this.props.placement || (position === 'left' ? 'before' : 'after');
    const ticks = this.props.ticks || getScaleTicks(yScale, null, tickCount);
    const className = `rct-chart-tick rct-chart-tick-y ${tickClassName || ''}`;
    const transform =
      position === 'right'
        ? `translate(${width + (spacingRight || 0)}, 0)`
        : `translate(${-spacingLeft || 0}, 0)`;

    return (
      <g className="rct-chart-ticks-y" transform={transform} aria-hidden="true">
        {ticks.map((tick, i) => {
          const y1 = yScale(tick);
          const x2 = placement === 'before' ? -tickLength : tickLength;

          return (
            <line
              {...{
                x1: 0,
                x2,
                y1,
                y2: y1,
                className,
                style: tickStyle,
                key: `tick-${i}`,
              }}
            />
          );
        })}
      </g>
    );
  }