how to make Xaxis rotate vertical?

[chilly vigil]

        <BarChart
          h={300}
          data={barData}
          dataKey="name"
          series={barData.map((item) => ({ name: item.name, color: item.color }))}
          tickLine="y"
          valueFormatter={(value) => new Intl.NumberFormat('en-US').format(value)}
        />

[minor narwhal]

The question is not clear

[chilly vigil]

I want the x axis label to rotate vertically like this so all label can be seen clearly with its bar.
currently chart hides them if there is no space

[minor narwhal]

See example https://mantine.dev/charts/area-chart/#rotate-x-axis-labels