2017-08-04 79 views
0

我正在使用自動比例的起始值。它會自動生成並選擇y軸上的最小和最大數字。現在我面臨着問題,比例尺從最小數量開始,並將從最大數量完成。我可以在最小數字之前設置比例,比如2%的值嗎?這是我的圖表:enter image description hereChart.js自動選擇的比例值

我只是想注意到,我有隨機值,所以我不能調整規模開始和結束某些值! 由於

回答

1

可以使用min和y軸的max屬性蜱,以分別設置最小(開始)和最大(結束)比例值。

scales: { 
    yAxes: [{ 
     ticks: { 
     min: Math.min.apply(this, data_array) - 5, 
     max: Math.max.apply(this, data_array) + 5 
     } 
    }] 
} 

ᴅᴇᴍᴏ

var data_array = [20, 22, 24, 28, 30]; 
 

 
var chart = new Chart(ctx, { 
 
    type: 'bar', 
 
    data: { 
 
     labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], 
 
     datasets: [{ 
 
     label: 'BAR', 
 
     data: data_array, 
 
     backgroundColor: 'rgba(0, 119, 290, 0.5)', 
 
     borderColor: 'rgba(0, 119, 290, 0.6)' 
 
     }] 
 
    }, 
 
    options: { 
 
     scales: { 
 
     yAxes: [{ 
 
      ticks: { 
 
       min: Math.min.apply(this, data_array) - 5, 
 
       max: Math.max.apply(this, data_array) + 5, 
 
       stepSize: 5 
 
      } 
 
     }] 
 
     } 
 
    } 
 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script> 
 
<canvas id="ctx"></canvas>

+0

我要挑我的圖表不同值的數量。所以我不能限制最大和最小數量。例如應該自動取最小數然後開始5度..感謝您的幫助 –

+0

您可以輕鬆計算出,沒什麼大不了的。你有數據值單獨的數組? –

+0

是的,我喜歡。但是,你能告訴我如何計算嗎? –