कोणीय-चार्ट.जेएस डोनट चार्ट

Question

पर एक किंवदंती प्रस्तुत करें मैंने कोणीय-चार्ट.जेएस दस्तावेज का पालन किया है, और एक चार्ट बनाया है, लेकिन इसके साथ एक किंवदंती प्रस्तुत करने में असमर्थ हूं। मुझे समझ में नहीं आता कि यह क्यों काम नहीं कर रहा है।

प्रलेखन: http://jtblin.github.io/angular-chart.js/
इसी तो सवाल: How to color legend in angular-chart.js

<div class="panel-body" ng-controller="CircleCtrl" style="display: block;"> 
    <div class="chart-container" style="width:400px; height:200px;"> 
     <canvas id="doughnut" 
      class="chart chart-doughnut" 
      chart-data="data" 
      chart-labels="labels" 
      chart-colours="colours" 
      chart-legend="true"> 
     </canvas> 
    </div> 
</div> 

मैं भी नियंत्रक में लेजेंड के लिए एक सरणी को परिभाषित करने की कोशिश की है,

$scope.legend = ["complete", "incomplete"] 

प्रति स्वीकार किए जाते हैं अन्य SO प्रश्न में उत्तर, chart-legend="true" इसे काम करने के लिए पर्याप्त होना चाहिए।

क्या किसी को इस पुस्तकालय के साथ अनुभव है और इस मुद्दे को हल करने का विचार है?

Answer 1

आप 1.0.0 अल्फा chart.js 2 के आधार पर शाखा उपयोग कर रहे हैं, सही सिंटैक्स है:

$scope.options = {legend: {display: true}}; 

और अपने html में

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

Answer 2

मैं था इसी समस्या तो मैंने पाई चार्ट की चौड़ाई और ग्राफ की दायीं ओर दाएं हाथ की चौड़ाई बढ़ा दी है और बहुत अच्छी लगती है

आप इसे नियंत्रक

में जोड़ सकते हैं

$scope.options = { 
    legend: { 
     display: true, 
     position: 'right' 
    } 
    }; 

एचटीएमएल में आप

<canvas id="pie" class="chart chart-pie" chart-data="data" chart-series="series" chart-labels="labels" chart-options="options" chart-colors="colors" chart-dataset-override="datasetOverride"> 
     chart-series="series" 
     </canvas>