Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在角形图中使条形图成为钟形曲线?_Javascript_Css_Angularjs_Chart.js - Fatal编程技术网

Javascript 如何在角形图中使条形图成为钟形曲线?

Javascript 如何在角形图中使条形图成为钟形曲线?,javascript,css,angularjs,chart.js,Javascript,Css,Angularjs,Chart.js,我正在使用角度图在我的web应用程序中绘制图表。我想为图表中的条形图创建UI,如图所示。为了实现这个UI,我做了很多尝试,但是没有成功。我还搜索了其他图书馆的同一个用户界面。我们可以在图上画一条钟形曲线,但我想让每个条都像钟形曲线。 这是用于角度图的JSFIDLE 以下是我正在尝试执行的代码 请试一下 $scope.colors= [{ fill: true, backgroundColor:

我正在使用角度图在我的web应用程序中绘制图表。我想为图表中的条形图创建UI,如图所示。为了实现这个UI,我做了很多尝试,但是没有成功。我还搜索了其他图书馆的同一个用户界面。我们可以在图上画一条钟形曲线,但我想让每个条都像钟形曲线。 这是用于角度图的JSFIDLE

以下是我正在尝试执行的代码

请试一下

 $scope.colors= [{ 
                                fill: true,
                 backgroundColor: "#cb2431"
              }]; 
这将填补下的图表,它的工作为我的区域。试试看


实际上,我正在寻找如图所示的确切用户界面。谢谢,这将有助于我以不同的方式思考我不认为你得到了确切的图形。你只是用定制的方式来做。
 $scope.colors= [{ 
                                fill: true,
                 backgroundColor: "#cb2431"
              }];