How do I fix it? Chartjs

I want first chart goes to second chart's axis X. not numbering below borderline.

I will attach the source code.

Please help me.

current chart

want chart

      borderSkipped: false,
      indexAxis: 'y',
      // aspectRatio: 4,
      scales: {
        y: {          
          beginAtZero: true
          // suggestedMax: 24,          
        },
        x: {          
          suggestedMax: 24,          
          ticks: {
            stepSize: 1            
          }
        }        
      }
    },