角度チャートjのスケールラベルを変更するにはどうすればよいですか？

Question

https://github.com/jtblin/angular-chart.js/issues/33のようにangular chart jsに独自のスケールラベルを追加しようとしていますが、同じコードでもその例を試しても機能しないという問題があります。私の範囲で。

私は同じ状態になる4つの州があるので、私はこのような機能を作れると思っていましたが、簡単なオプションを追加することにも問題があります。

これは私のコントローラのコードです：

$scope.options = { 
    scaleLabel : function (label) { 

     if(Number(label)===1)  
      return 'State 1'; 
     if(Number(label.value)===2)  
      return 'State 2'; 
     if(Number(label.value)===3)  
      return 'State 3'; 
     if(Number(label.value)===4)  
      return 'State 4'; 
    } 
}; 

$scope.series = ['Table 1']; 
$scope.axis = [[1,2,3,3,4,2,1,2,3,4]]; 
$scope.myLabels= [1,2,3,4,5,6,7,8,9]; 

これが私のマークアップです：

<br> 
<canvas id="line" class="chart chart-line" chart-data="axis" 
    chart-labels="myLabels" chart-series="series" chart-options="options" 
</canvas> 

Answer 1

あなたはダニのオプションを使用する必要が軸「Y」に独自のラベルを置くために、小数点のラベルは全体の軸のラベルを変更するだけなので、3000円ではなく3000円のようにy軸のラベルを追加するとします。

これを使用する必要があります。

この例では、チケットシステムのように、各値に対して3つの状態を返したいと考えていました。

$scope.options = { 
    scales: { 
      yAxes: [{ 
     scaleLabel: { 
     display: true, 
     labelString: 'Estado' 
     }, 
     ticks: { 
        min: 1, 
        max: 3, 
        stepSize: 1, 
        callback: function(value, index, values) { 

        if(value == 1){ 
var dasLabel='Ticket open';        
        } 
        if(value == 2){ 
var dasLabel='Attending ticket';        
        } 
        if(value == 3){ 
var dasLabel='issued resolved';        
        }  

         return dasLabel; 
        } 
       } 
      }] , 
      xAxes: [{ 
     scaleLabel: { 
     display: true, 
     labelString: 'Hora' 
     } 
      }] 
     } 
    }; 

とマークアップ

<canvas id="line" class="chart chart-line" chart-data="axis" 
chart-labels="myLabels" chart-series="series" chart-options="options" 
</canvas>