title: Chartjs 3.x - How to duplicate X axis on both sides of horizontal bar chart with only 1 dataset?
body: <p>I'm trying to duplicate the X axis ticks on both sides of the chart (Bottom and Top).</p>
  <p>I have seen older questions of this asked but this was during chartjs 2.x -- They have changed the scale section of the options since then. You used to be able to do something similar to this:</p>
  <pre><code>xAxes: [
        {
          position: 'top',
        },
        {
          position: 'bottom',
        }
      ]
  </code></pre>
  <p>But in Chartjs 3.x you can't supply an array for xAxes. You need to now add an ID to your dataset then in the scale options reference that ID. But I can't reference 1 dataset in 2 scale objects when one says position: top and the other position: bottom. It will only use the last scale object.</p>
  <p>So my question is, with ONE dataset. How can I have it so the X axis is on the bottom of the chart AND the top of a horizontal bar chart? That way in case the chart is big I don't have to always scroll down to see what the value is.</p>
  <p>Edit: Based on feedback I now have the following result, which is closer to what I'm looking for, but what's going on with the ticks on the top. Why aren't they matching the numbers on the bottom?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Chart('myChart', {
    type: 'line',
    data: {
      labels: ['A', 'B', 'C', 'D', 'E', 'F'],
      datasets: [{    
        data: [1, 3, 6, 2, 8, 9],
        borderColor: '#00D',
      }]
    },
    options: {
      indexAxis: "y",
      scales: {
        x: {
        },
        x1: {
          position: 'top'
        }
      }
    }
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>canvas {
    max-height: 180px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"&gt;&lt;/script&gt;
  &lt;canvas id="myChart"&gt;&lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>