Morris.js折れ線グラフを使用して、空の値の点を表示しない

Question

私はMorris.jsを使って折れ線グラフを作成しています。

が

[{XValue:1,YValue1:1007,Yvalue2:1014}, 
{XValue:2,YValue1:1023,Yvalue2:1029}, 
{XValue:3,YValue1:0,Yvalue2:1041}, 
{XValue:4,YValue1:0,Yvalue2:1056},...]; 

私は0の値を表示したくないので、私は前にレンダリングするためにモリスそれを与えることに私のJSONに「」でゼロを交換しています：
データは、このように私に返され

for (var i = 0; i < json.length; i++) { 
    if (json[i].YValue1 == 0) { 
     json[i].YValue1 = ''; 
    } 
} 

Morris.Line({ 
    element: 'TotalLoad', 
    data: json, 
    xkey: 'XValue', 
    ykeys: ['YValue1','YValue2'], 
    ymin: 1000, 
    ymax: 3000, 
    parseTime: false, 
    labels: ['Actual', 'Forecast'], 
    events: [hour - 1], 
    eventStrokeWidth: 2, 
    continuousLine: false 
}); 

私の出力は次のようになります。値のないMorris Chart

Yの値は、（意図した効果である）は、ラインを示していないが、それが半分に切断されたが、ポイントはやはり、グラフの上部に表示されます。ラベルには「NaN」と表示されますが、ポイントを消すことができれば私にはうってつけです！

Answer 1

ではなくnullと交換するために、この

for (var i = 0; i < json.length; i++) { 
    ... 
     json[i].YValue1 = ''; 
    ... 
} 

を変更してみてください：

for (var i = 0; i < json.length; i++) { 
    ... 
     json[i].YValue1 = null; 
    ... 
}