Comment démarrer Y Axis Line à 0 à partir de la droite pour les valeurs négatives dans le graphique js 2?

Question

Je voulais savoir s'il y avait des options à paramétrer dans le graphique js 2.6 de sorte que la ligne de l'axe Y commence de droite à gauche pour les valeurs négatives, dans un graphique à barres.

Actuellement, voici comment il apparaît pour les valeurs négatives (n ° 2 tableau à violon): https://jsfiddle.net/j6nqt4oo/1/

Code pour référence:

var ctx = document.getElementById("myChart2").getContext('2d'); 
var myChart = new Chart(ctx, { 
    type: 'horizontalBar', 
    data: { 
     labels: ['A', 'B'], 
      datasets: [{ 
       data: [-10, -20] 
      }] 
    }, 
    options: { 
    responsive: false, 
     showDatapoints: true, 
      scales: { 

       maintainAspectRatio: true, 
       responsive: false, 
       xAxes: [{ 

        ticks: { 
         beginAtZero: true 

        }, 
        gridLines: { 
         display: false 
        } 
       }], 
       yAxes: [{ 

        gridLines: { 
         display: false 
        } 
       }] 
      }, 

      legend: { 
       display: false 
      } 
    } 

Mais voilà comment je veux: (axe Y ligne de la grille à 0 et A et B sont à droite)

Answer 1

Vous devez définir position propriété à right pour axe y tiques, dans votre deuxième tableau ...

... 
yAxes: [{ 
    position: 'right', 
    gridLines: { 
     display: false 
    } 
}] 
... 

Voici le working demo on JSFiddle