title: How to put y axis of line chart to right when combined with bar chart in chart.js?
body: <p>I have a graph where I am trying to draw a pareto chart by using chart.js. I am combining bar chart and line chart to achieve this. Here is my sample graph:</p>
  <p><a href="https://i.stack.imgur.com/aMwAW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aMwAW.png" alt="enter image description here" /></a></p>
  <p>Here is the code:</p>
  <pre><code>       this.chartData = {
              labels: labels,
              datasets: [
                {
                  data: lineData,
                  label: &quot;Cumulative Total of Number of Reassignments&quot;,
                  type: 'line',
                  fill: false,
                  datalabels: {
                    color: &quot;#0f0f0f&quot;
                  },
                },
                {
                  label: &quot;Number of Reassignments&quot;,
                  data: datasetsLabel,
                  datalabels: {
                    color: &quot;#0f0f0f&quot;
                  }
                },
              ]
            }
  </code></pre>
  <p>lineData array holds the values 45.87, 64.22, etc.
  datasetsLabel array holds the values 250, 100, 90, etc.</p>
  <p>I tried to use the following options:</p>
  <pre><code>      this.options = {
              responsive: true,
              scales: {
                yAxes: [
                  {
                    ticks: {
                      stepSize: 5,
                    },
                  },
                  {
                    display: true,
                    position: 'right',
                    ticks: {
                      max: 100,
                      min: 0,
                      stepSize: 10
                    }
                  }
                ],
              },
            }
  </code></pre>
  <p>What I want to achieve is put 45.87, 62.22, etc values to the right side of the graph. How can I achieve this?</p>