title: ChartJS using multiple Y axes
body: <p>I've created a line chart with two datasets, each one its own Y scale&amp;axis  using Chart.js.my datasets and options'code is like below.</p>
  
  <pre><code>datasets: [{ fill:false,
       label: 'Heat', 
       yAxisID: "y-axis-1", 
       data: warm,
        }, 
      { fill:false, 
        yAxisID: "y-axis-0", 
        label:'Mass',  
        data:volume, 
       ]
     options:{
       scales: {
       yAxes: [{ position: "left",
       "id": "y-axis-0", 
       display: true, 
       ticks: { steps: 10, 
       stepValue: 5,
       callback:(label,index,labels)=&gt;{ return label + "%"; } } 
  },
   { position: "right", 
      "id": "y-axis-1", 
      display: true, 
      ticks: { steps: 10,
      stepValue: 5,
      callback:(label,index,labels)=&gt;{ return label + " c"; } } }] }
  }
  </code></pre>
  
  <p>it is looking like the folowing image at the moment.
  <a href="https://i.stack.imgur.com/23qbt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/23qbt.png" alt="enter image description here"></a></p>
  
  <p>when I toggle Mass label,the YAxes on the left is still appearing.I want to hide it if I toggle the labels.can you please guide me to solve this problem?</p>
  
  <p><a href="https://i.stack.imgur.com/wMTaa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wMTaa.png" alt="enter image description here"></a></p>