how can i modify scale labels in angular chart js?
<p>I'm trying to add my own scale labels in <code>angular chart js</code> like in this issue <a href="https://github.com/jtblin/angular-chart.js/issues/33" rel="nofollow noreferrer">https://github.com/jtblin/angular-chart.js/issues/33</a>, the problem is that when I try that example, even with the same code it doesn't work, it won't take the options I assign in my scope.</p>

<p>Since I have 4 states that will be the same, I was thinking I could make a function like this, but I'm having trouble even adding a simple option.</p>

<p>This is my controller code:</p>

<pre><code>$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];
</code></pre>

<p>This is my markup:</p>

<pre><code>&lt;br&gt;
&lt;canvas id="line" class="chart chart-line" chart-data="axis"
    chart-labels="myLabels" chart-series="series"  chart-options="options"
&lt;/canvas&gt; 
</code></pre>