He estado buscando una solución para esto por un tiempo, pero no me estoy acercando a una solución debido a la gran cantidad de documentación eliminada y respuestas hacky para versiones anteriores de la biblioteca.

Estoy trabajando en un gráfico con ChartJS v2 con nombres trimestrales a lo largo del eje x, y configuré mis etiquetas para que solo se muestre cada 4ta etiqueta (es decir, una por año). El resultado es este:

Sin embargo, me gustaría tenerlo de tal manera que la marcalíneas también aparece solo en cada 4ta entrada del eje x en el mismo punto que las etiquetas. es posible?

Mi etiqueta de script actual es la siguiente:

<script>
    var ctx = document.getElementById("myChart").getContext('2d');
    ctx.canvas.width = 600;
    ctx.canvas.height = 420;
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {

          < snipped for brevity >

        },
        options: {
            tooltips: {
              mode: 'index',
              intersect: false
            },
            scales: {
                xAxes: [{
                    ticks: {
                        userCallback: function(item, index) {
                            if (index%4) return "";
                            return item;
                        },
                        autoSkip: false
                    },
                    display: true
                }],
                yAxes: [{
                    ticks: {
                        beginAtZero:true
                    }
                }]
            }
        }
    });
    </script>

¿Es esto posible de lograr? Gracias por adelantado.