Angularjs-Chartの枠線を削除し、円弧の厚さを減らす

Question

Angularjsドーナツチャートの境界線を削除し、円弧の厚さを減らすにはどうすればよいですか？ HTML

  <canvas id="doughnut" class="chart chart-doughnut" chart-colors="preColors" chart-dataset-override="datasetOverridePres" chart-dataset-options="preLegend" chart-data="preData" chart-labels="preName"> 
      </canvas> 

JS

$scope.preColors = ['#febe05','#f3f3f3']; 
    $scope.preData = [343,78]; 

は、私は少しあなたのコードを変更し

Answer 1

ありがとう（私は、チャート・データセット・オプションが間違っていると思う）：

 <canvas id="doughnut" class="chart chart-doughnut" 
     chart-colors="preColors" 
     chart-options="preLegend" 
     chart-data="preData" 
     chart-labels="preName" 
     chart-dataset-override="preOverride"> 
     </canvas> 

とJS：

$scope.preColors = ['#febe05', '#f3f3f3']; 
    $scope.preData = [343, 78]; 
    $scope.preName = ['a', 'b']; 

    $scope.preLegend = { 
     cutoutPercentage: 80, //arc thickness 
     elements: { 
     arc: { 
      borderWidth: 0 // border line 
     } 
     } 
    } 
    $scope.preOverride = [{}]; 

結果：

ライブデモ：SkinnyDoughnout