Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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 使用角度js图向极坐标图显示每个扇区上的标签_Javascript_Angularjs_Chart.js - Fatal编程技术网

Javascript 使用角度js图向极坐标图显示每个扇区上的标签

Javascript 使用角度js图向极坐标图显示每个扇区上的标签,javascript,angularjs,chart.js,Javascript,Angularjs,Chart.js,我正在使用angularchart.js中的极坐标图。但我的极坐标图需要有如下所示的路由标签: 我怎样才能达到这个要求?以前有人做过吗 目前我只使用源代码: angular.module("app", ["chart.js"]).controller("PolarAreaCtrl", function ($scope) { $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales", "Tele Sales

我正在使用
angularchart.js
中的极坐标图。但我的极坐标图需要有如下所示的路由标签:

我怎样才能达到这个要求?以前有人做过吗

目前我只使用源代码:

angular.module("app", ["chart.js"]).controller("PolarAreaCtrl", function ($scope) {
  $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales", "Tele Sales", "Corporate Sales"];
  $scope.data = [300, 500, 100, 40, 120];
});
我的看法是:

<canvas id="polar-area" class="chart chart-polar-area"
  chart-data="data" chart-labels="labels" chart-options="options">
</canvas> 

请查看我的
极坐标图
以获取答案

我使用了名为


如果需要更多帮助,请告诉我使用此扩展还有另一个选项:

这是一把小提琴:

或SO中的一个片段:

angular.module(“app”,[“chart.js”]).controller(“ChartCtrl”,函数($scope){
$scope.labels=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”];
$scope.data=[65,59,80,81,56,55,40];
var sum=$scope.data.reduce(函数add(a,b){
返回a+b;
}, 0);
$scope.options={
工件标签:{
渲染:函数(args){
返回args.label+“”+Math.round(args.value*100/和,2)+“%”;
},
fontColor:“#000”,
位置:'外部',
片段:正确
}
};
});


非常好。。。标签可以有路径吗?不,对不起,这是不可能的,除非你改变插件的代码