renderValueBeneathToLabel() {
		const { origin, yLabel, yValue, labelFill, valueFill, withShape, fontSize, fontFamily } = this.props;

		return (
			<g transform={`translate(${origin[0]}, ${origin[1]})`} onClick={this.handleClick}>
				{withShape ? <line x1={0} y1={2} x2={0} y2={28} stroke={valueFill} strokeWidth="4px" /> : null}
				<ToolTipText x={5} y={11} fontFamily={fontFamily} fontSize={fontSize}>
					<ToolTipTSpanLabel fill={labelFill}>{yLabel}</ToolTipTSpanLabel>
					<tspan x="5" dy="15" fill={valueFill}>{yValue}</tspan>
				</ToolTipText>
			</g>
		);
	}
Renders the value beneath the label.