const ctx = document.getElementById('myChart').getContext('2d'); let point = new Image(30, 30); point.src = 'yellow_pointer.png'; let gradient = ctx.createLinearGradient(0, 0, 0, 600); gradient.addColorStop(1, 'rgba(251,189,8, 0.0005)'); gradient.addColorStop(0, 'rgba(255, 191, 8)'); let myChart = new Chart(ctx, { type: 'line', data: { labels: ['30Days', '90Days', '180Days', '', '365Days'], datasets: [{ lineTension: 0.3, label: '', data: [2, 3, 6, 12, 24], backgroundColor: gradient, borderColor:'#fccc69', borderWidth:5, pointBorderColor: 'transparent', fill: true, pointStyle: [point,point,point,'none',point], pointRadius: 10, pointHitRadius: 25, hoverWidth: 2, pointBackgroundColor: 'transparent', pointPaddingLeft: 50, }, { lineTension: 0.3, label: '', borderColor: 'rgba(0, 0, 0, 0.3)', borderDash: [15], data: [5, 7, 12, 24, 40], backgroundColor: 'transparent', pointStyle: 'none', pointBackgroundColor: 'transparent', pointBorderColor:'transparent' }, ] }, options: { responsive: true, maintainAspectRatio: true, plugins:{ legend:{ display: false, } }, scales: { y: { ticks:{ display: false, }, }, x: { ticks: { type: 'time', autoSkip: false, font: { family: 'Montserrat', size: 20, color: 'black', }, }, }, } } });

me gustaria el mismo tamaño

y aquí está el mío:

los días deberían estar en una proporción de 356 y no puedo manejarlo

qué configuración de configuración para ticks maneja esto, probé stepsize pero parece que no funcionó

a la derecha hay una sección estimada, como puede ver, js puede agregarla o tengo que usar css, esta es una forma css