c3.js custom lend text issue

Question

私はC3.jsを使用しており、凡例にdata1、data2などのカスタム凡例テキストを表示する必要があります。だから私は名前のプロパティを使用しているが、カスタマイズされた凡例のテキストは表示されません。

次は私のコードです：

$scope.chart1 = { 
     size: { 
      height: 175 
       // width: 480 
     }, 
     data: { 
      type: 'pie', 
      columns: [ 
       ['data1', 45], 
       ['data2', 100], 
       ['data3', 60], 
       ['data4', 5] 
      ] 
     }, 
     tooltip: { 

     }, 
     legend: { 
      show: true, 
      position: 'right' 
     }, 
     names: { 
      'data1': 'warning', 
      'data2': 'success', 
      'data2': 'info', 
      'data2': 'danger' 
     } 
    }; 

いずれかのカスタム凡例のテキストを表示するための正しい方法は何か手伝ってくれるか？

Answer 1

var chart = c3.generate({ 
 
    padding: { 
 
     top: 10, 
 
     right: 0, 
 
     bottom: 10, 
 
     left: 0, 
 
    }, 
 
    data: { 
 
     columns: [ ['data1', 45], 
 
       ['data2', 100], 
 
       ['data3', 60], 
 
       ['data4', 5]], 
 
     type: 'pie', 
 
     labels: true, 
 
     names:{ 
 
      'data1': 'warning', 
 
      'data2': 'success', 
 
      'data2': 'info', 
 
      'data2': 'danger' 
 
    } 
 
    } 
 
    //But these legend values or not showing 
 

 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<div id='chart' />