2017-02-23 520 views
0

如圖所示,最大值爲4。如何使用chart.js之固定在角圖表的最大和最小X和Y軸 - 酒吧和折線圖

enter image description here

$scope.chartParams = { 

    listOfLocations: ['Trenzalore', 'Earth', 'Caprica', 'Sol', 'Tau Ceti'], 

    series: ["Nice Places"], 
    colours: [{ fillColor: color }], 
    options: { 
     //barShowStroke: false, 

    }, 

    votes: [[4, 2, 1, 2, 3]] 
}; 
}); 

這是使用Angular編寫的JS代碼。

下面是HTML代碼:

<div ng-controller="BarCtrl"> 
    <canvas id="stacked" 
class="chart chart-bar" 
data="chartParams.votes" 
labels="chartParams.listOfLocations" 
series="chartParams.series" 
colours="chartParams.colours" 
options="chartParams.options"></canvas> 
    </div> 

如何修正Y軸最大極限爲5,以及最小值爲0?

回答

0

定義你的選擇這樣的

options: { 
     //barShowStroke: false, 
     scales: { 
     yAxes: [{id: 'y-axis-1', ticks: {min: 0, max:5}}] 
     } 
    }, 

這將從0限制你yAxe到5

+0

嗨,試過了也沒用。仍然最大值是4. –

+0

嘗試設置最大值:6因此它可能會讓你達到最大值5 –

+0

不行,試過這也不起作用。 :-( –

相關問題