[Solved]-Angular chart how to show the legend data value by default along with legend name-Chart.js

you need to use legendtemplate, make sure you replace the $scope.data in your app :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>"

}

see this jsfiddle

http://jsfiddle.net/vrwjfg9z/3010/

i'm using angular-chart 1.0.2. in my version i'm using it like this;

$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>",
};