2017-03-28 40 views
1

私は、ティック構成でY軸の最小値と最大値を割り当てました。しかし、これらの最小値をグラフに表示したくありません。両端Chart.jsのy軸から最小値と最大値を非表示にする

ticks: 
{ 
    callback: function(value){ 
    returnparseFloat(value.toFixed(2)) 
}, 
min: y1_min, 
max: y1_max, 
fontColor: "#000000", 
fontSize: 12 

}で、これらの値、隠す特定ティック(あなたのケースでは最初と最後のティック)するためには

+0

上のアクションでそれを見ることができます。y1_min + 1 'と'最大:y_maxをを - 1'、彼らが表示されないことを確認するには? – jordanwillis

+0

これらの2つのティック(最大値と最小値)だけを隠したいのですか、またはy軸のすべてのティックを隠したいのですか? – iecs

+0

@iecsこの2つのダニを隠したかっただけです。 –

答えて

4

は、あなたがscale afterTickToLabelConversion callback propertyを使用してのvalue = nullを設定する必要がありますあなたが隠そうとしているscaleInstance.ticksの目盛りインデックス。これによりキャンバスに描画されないようにします。

次の例では、最初と最後のティックを非表示にします(values = nullを設定します)。

afterTickToLabelConversion: function(scaleInstance) { 
    // set the first and last tick to null so it does not display 
    // note, ticks[0] is the last tick and ticks[length - 1] is the first 
    scaleInstance.ticks[0] = null; 
    scaleInstance.ticks[scaleInstance.ticks.length - 1] = null; 

    // need to do the same thing for this similiar array which is used internally 
    scaleInstance.ticksAsNumbers[0] = null; 
    scaleInstance.ticksAsNumbers[scaleInstance.ticksAsNumbers.length - 1] = null; 
} 

あなたがちょうどあなたの `分を設定することができ、このcodepen example

関連する問題