Comment faire une forme de barre comme la courbe de cloche dans le graphique angulaire?

Question

J'utilise un graphique angulaire pour dessiner des graphiques dans mon application Web. Je veux faire l'interface utilisateur pour les barres dans le tableau comme indiqué dans l'image. J'ai essayé beaucoup de réaliser cette interface mais pas capable de le faire. J'ai aussi cherché d'autres librearies pour la même interface. Nous pouvons dessiner une seule courbe en cloche sur le graphique, mais je veux que chaque barre ressemble à une courbe en cloche. Voici le JsFiddle pour le graphique angulaire.

Voici le code que j'essaie de faire.

https://jsfiddle.net/quekid/untd28yq/

$scope.datasetOverride = [{ yAxisID: 'y-axis-1' }, { yAxisID: 'y-axis-2' }]; 
$scope.options = { 
scales: { 
    yAxes: [ 
    { 
     id: 'y-axis-1', 
     type: 'linear', 
     display: true, 
     position: 'left', 
     ticks: { 
      beginAtZero:true, 
      suggestedMin: 0 
     } 
    }, 
    { 
     id: 'y-axis-2', 
     type: 'linear', 
     display: false, 
     position: 'right' 
    } 
    ] 
} 
}; 

Answer 1

S'il vous plaît essayer avec

$scope.colors= [{ 
           fill: true, 
       backgroundColor: "#cb2431" 
       }]; 

Ce sera remplir la zone sous le graphique de son travail pour moi. Il suffit de l'essayer

jsfiddle