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”,
位置:'外部',
片段:正确
}
};
});代码>
非常好。。。标签可以有路径吗?不,对不起,这是不可能的,除非你改变插件的代码