title: How to change the label in recharts?
body: <pre><code> &lt;BarChart
        isAnimationActive={false}
          width={400}
          height={200}
          data={value}
          margin={{
            top: 5, right: 30, left: 20, 
          }}
        &gt;
          &lt;CartesianGrid strokeDasharray=&quot;3 3&quot; /&gt;
          &lt;XAxis dataKey=&quot;x&quot; 
          
          /&gt;
          &lt;YAxis label={{ value: `no.`, angle: -90, position: 'insideBottomLeft' }} /&gt;
          &lt;Tooltip
          content={&lt;CustomTooltip /&gt;}
      /&gt;
     &lt;Bar dataKey=&quot;y&quot; /* fill={colors[0]} */ &gt;
  &lt;/BarChart&gt;
  </code></pre>
  <p>My data on x axis is numerical [0,1,2,3...] but I want my ticks to be [A1,A2,A3...]</p>