title: rechart custom tooltip for label and not normal rechat Tooltip
body: <p>I'm building a radar chart with rechart, and I would like to add a custom tooltip, but not using the Tooltip component, as it only shows if I hover the points of the radarchart. I would like to add an info icon next to my label and then on hover of that icon a tooltip would show, like in the image below.</p>
  <p><a href="https://i.stack.imgur.com/RO5Ni.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RO5Ni.jpg" alt="Tool tip example" /></a></p>
  <p>I have a custom tick but I can't seem to be able to add much in there apart from tspan,  any idea on how I could I achieve what the image above is showing? Or if it's completely impossible</p>
  <p>My custom tick is this</p>
  <pre><code>  function customTick({ payload, x, y, textAnchor, stroke, radius }) {
  let numberX = x;
  let numberY = y;
  let textX = x;
  let textY = y;
  let score = 0;
  
  if (payload.value === 'Talent Pipeline') {
    score = companyInfo.scoreSections.talentPipeline;
    numberY = y - 15;
    textY = y - 15;
  }
  
  if (payload.value === 'Retention') {
    score = companyInfo.scoreSections.retention;
    // numberX = x - 10;
    numberY = y + 35;
  
    textX = x - 20;
    textY = y - 15;
  }
  
  if (payload.value === 'Historical') {
    score = companyInfo.scoreSections.historical;
    // numberX = x + 5;
    numberY = y + 35;
  
    textX = x + 20;
    textY = y - 15;
  }
  
  if (payload.value === 'Access &amp; Advancement') {
    score = companyInfo.scoreSections.accessAdvancement;
    numberX = x - 10;
    numberY = y + 20;
  
    textX = x + 70;
    textY = y + 20;
  }
  
  if (payload.value === 'Representation') {
    score = companyInfo.scoreSections.representation;
  
    numberX = x + 10;
    numberY = y + 20;
  
    textX = x - 20;
    textY = y + 20;
  }
  
  return (
    &lt;g className=&quot;recharts-layer recharts-polar-angle-axis-tick&quot;&gt;
      &lt;text
        radius={radius}
        stroke={stroke}
        x={x}
        y={y}
        className=&quot;recharts-text recharts-polar-angle-axis-tick-value&quot;
        textAnchor={textAnchor}
      &gt;
        &lt;tspan x={textX} y={textY} dy=&quot;0em&quot; className=&quot;radarChart__labelText&quot;&gt;
          {payload.value}
        &lt;/tspan&gt;
  
        &lt;tspan
          x={numberX}
          y={numberY - 20}
          dy=&quot;0em&quot;
          className={`radarChart__labelNumber ${handleScoreColor(score)}`}
        &gt;
          {score}
        &lt;/tspan&gt;
      &lt;/text&gt;
    &lt;/g&gt;
  );
  </code></pre>
  <p>}</p>
  <p>Thank you in advance</p>