Chartjs：Y軸に最大値と最小値のみを表示する方法

Question

Chart JSの素敵な数値アルゴリズムをオーバーライドし、y軸に2つのラベル（またはティック）を表示したいとします。その価値。値はすべて浮動小数点数です。私はコールバック関数（yAxis.ticks.callback）にはすでに目盛りが表示されているので、これを行う場所ではないと思います。どんな助けもありがとう。

y軸はそれを達成するためにダニのためにあなたは、次のコールバック関数を使用することができます

Answer 1

：

callback: function(value, index, values) { 
    if (index === values.length - 1) return Math.min.apply(this, dataArr); 
    else if (index === 0) return Math.max.apply(this, dataArr); 
    else return ''; 
} 

ノート：データは値のためにあなたが別の配列を使用する必要があります（ここでは、それはdataArrだ）、代わりにインラインのもの。

EDIT：

あなたのy軸に次のように追加しますが、完全にダニに整列されたデータ・ポイントを作るために設定ダニ：

min: Math.min.apply(this, dataArr), 
max: Math.max.apply(this, dataArr) 

---

ᴡᴏʀᴋɪɴɢ

ᴇxᴀᴍᴘʟᴇ

var dataArr = [154.23, 203.21, 429.01, 637.41]; 
 
var chart = new Chart(ctx, { 
 
    type: 'line', 
 
    data: { 
 
     labels: ['Jan', 'Feb', 'Mar', 'Apr'], 
 
     datasets: [{ 
 
     label: 'LINE', 
 
     data: dataArr, 
 
     backgroundColor: 'rgba(0, 119, 290, 0.2)', 
 
     borderColor: 'rgba(0, 119, 290, 0.6)', 
 
     fill: false, 
 
     tension: 0 
 
     }] 
 
    }, 
 
    options: { 
 
     scales: { 
 
     yAxes: [{ 
 
      ticks: { 
 
       min: Math.min.apply(this, dataArr), 
 
       max: Math.max.apply(this, dataArr), 
 
       callback: function(value, index, values) { 
 
        if (index === values.length - 1) return Math.min.apply(this, dataArr); 
 
        else if (index === 0) return Math.max.apply(this, dataArr); 
 
        else return ''; 
 
       } 
 
      } 
 
     }] 
 
     } 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script> 
 
<canvas id="ctx"></canvas>