Angularjs 角度图表如何在默认情况下显示图例数据值以及图例名称
我正在使用angularjs图表、chart.min.js和angular-chart.min.js 它只显示图例“标签”,默认情况下,我还希望看到“数据”以及标签,作为图例的一部分或饼图部分本身 有人能帮忙吗Angularjs 角度图表如何在默认情况下显示图例数据值以及图例名称,angularjs,chart.js,angular-chart,Angularjs,Chart.js,Angular Chart,我正在使用angularjs图表、chart.min.js和angular-chart.min.js 它只显示图例“标签”,默认情况下,我还希望看到“数据”以及标签,作为图例的一部分或饼图部分本身 有人能帮忙吗 HTML: <div class="col-lg-6 col-sm-12" ng-controller="PieCtrl"> <div class="panel panel-default">
HTML:
<div class="col-lg-6 col-sm-12" ng-controller="PieCtrl">
<div class="panel panel-default">
<div class="panel-heading">Pie Chart</div>
<div class="panel-body">
<canvas id="pie" class="chart chart-pie" chart-data="data" chart-labels="labels" chart-options="options" chart-hover="chartOver" chart-click="chartPortionClick"></canvas>
</div>
</div>
</div>
JS:
var app = angular.module('demoApp', ['chart.js', 'ui.bootstrap']);
app.controller('PieCtrl', ['$scope', function ($scope) {
$scope.labels = ['Download Sales', 'In-Store Sales', 'Mail Sales','test'];
$scope.data = [300, 500, 100, 10];
$scope.options = { legend: { display: true } };
}]);
HTML:
饼图
JS:
var app=angular.module('demoApp',['chart.js','ui.bootstrap']);
app.controller('PieCtrl',['$scope',函数($scope){
$scope.labels=[‘下载销售’、‘店内销售’、‘邮件销售’、‘测试’];
$scope.data=[30050010010];
$scope.options={legend:{display:true}};
}]);
您需要使用legendTemplate,请确保替换应用程序中的$scope.data:p
var options = {
legendTemplate: "<ul><% for (var i=0; i<data.length; i++){%><li><span style=\"background-color:<%=data[i].color%>\"></span><%=data[i].label%> - <%=data[i].value%></li><%}%></ul>"
var选项={
legendTemplate:“-
”
}
看到这个了吗
我正在使用角度图表1.0.2。在我的版本中,我是这样使用它的
$scope.options = {
legend: {display: true},
legendTemplate:
"<ul class=\"<%=name.toLowerCase()%>-legend\">" +
"<% for (var i=0; i<segments.length; i++){%>" +
"<li>" +
"<span style=\"background-color:<%=segments[i].fillColor%>\"></span>" +
"<%=segments[i].label%> (<%=segments[i].value%>)" +
"</li>" +
"<%}%>" +
"</ul>",
};
$scope.options={
图例:{display:true},
legendTemplate:
“”+
"" +
" ()" +
“”+
"" +
“
”,
};
你能为你的问题提供一个弹弓/小提琴吗?$scope.data不相关这不是角度你和我在角度上是一样的。