如何修改角度圖表js中的比例標籤？

我試圖在angular chart js中添加我自己的刻度標籤https://github.com/jtblin/angular-chart.js/issues/33，問題是當我嘗試這個例子時，即使使用相同的代碼，它也不起作用，它不會採用我分配的選項在我的範圍內。如何修改角度圖表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>

來源

2016-11-17 2one2

郵政串聯配置 – Sajeetharan

@Sajeetharan做，他們才改變scaleLabel？即時通訊測試chart.js中的各種示例，當我添加了它顯示的預定義的比例標籤。 – 2one2

數據呢？ – Sajeetharan

爲了把自己的標籤在「Y」軸必須使用打勾選項

，縮放標籤只會修改整個軸的標籤，因此假設您想爲y軸添加標籤，例如3000美元而不是3000美元。

您需要使用此標籤。

ticks: { 
        callback: function(value, index, values) { 
//your function here 
    } 
}

在這個例子中，我想爲每個值返回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>

來源

2016-11-20 17:03:23 2one2

如何修改角度圖表js中的比例標籤？

回答

相關問題