如何在角度图表中形成像条形曲线的条形？

Question

我正在使用角度图表在我的网络应用程序中绘制图表。我想为图表中的条形图制作UI，如图所示。我已经尝试了很多功能来实现这个UI但却无法实现。我还搜索了其他librearies以获得相同的UI。我们可以在图形上绘制单个钟形曲线，但我想让每个条形看起来像钟形曲线。 这是角度图表的JsFiddle。

这是我要做的代码。

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

请尝试

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

这将填补图表下方为我工作的区域。试试吧

jsfiddle