How to customize xAxis for months

[MarioUnlam]

Is there a way to customize exactly what values I want to show in xAxis? I need to make a line/area chart where the xAxis is time, and the yAxis is money. None of the current options work well for me. I need the xAxis to display the month names like "Oct", "Nov", etc, at the first day of the month. Or at least display an approximate start of the month. I tried this:

xaxis: {
  type: 'datetime',
  labels: {
      datetimeFormatter: {
          year: '',
          month: "MMM",
          day: '',
          hour: '',
      },
  },
},

And it displays the month names, but it has some problems:

• Some ticks are placed at the start of a month, but there are also other ticks in between (that don't have any label)
• If the chart is too wide, I get ticks at the start and middle of a month, and the names are duplicated. For example, I get two "Nov", one of them in bold. This shouldn't happen.

I could try specifying the tickAmount and use a formatter, to get an approximate start of every month. However, for this to work properly, I need the chart to start and end at the first day of a month, so I either have to crop my data, or display empty space on both sides of the chart. This is not practical.

Is there any way to achieve what I need?