2016-12-08 9 views
2

持っていません。FLOTチャート負の値を示したが、それは私がこのデータを使用している任意の

{ 
    label: 'Payments', 
    // data: this.getFlotPaymentData(), 
    data: [ 
     [Moment().subtract(6, 'days').valueOf(), 0], 
     [Moment().subtract(5, 'days').valueOf(), 0], 
     [Moment().subtract(4, 'days').valueOf(), 0], 
     [Moment().subtract(3, 'days').valueOf(), 0], 
     [Moment().subtract(2, 'days').valueOf(), 168.50], 
     [Moment().subtract(1, 'days').valueOf(), 200.00], 
     [Moment().valueOf(), 200.00] 
    ], 
    last: false 
} 

をし、何らかの理由で、私のグラフは、負の値になります。私は2日前にそれがゼロになることを期待していて、突然168.50にジャンプします。

負の値(経費)に入る別のデータセットが導入されているため、グラフの最小値を0に設定したくありません。

それは、この生産だ:私はそうのようなFLOTを初期化しています

enter image description here

を:

// Chart options 
var chart = $('#flot-visitors') 
var labelColor = chart.css('color') 
var options = { 
    colors: chart.data('color').split(','), 
    series: { 
    shadowSize: 0, 
    lines: { 
     show: true, 
     lineWidth: false, 
     fill: true 
    }, 
    curvedLines: { 
     apply: true, 
     active: true, 
     monotonicFit: false 
    } 
    }, 
    legend: { 
    container: $('#flot-visitors-legend') 
    }, 
    xaxis: { 
    mode: 'time', 
    timeformat: '%d %b', 
    font: {color: labelColor} 
    }, 
    yaxis: { 
    font: {color: labelColor} 
    }, 
    grid: { 
    borderWidth: 0, 
    color: labelColor, 
    hoverable: true 
    } 
} 
chart.width('100%') 

// Create chart 
$.plot(chart, data, options) 
+0

これは、データの問題ではなく、ベジェ曲線アルゴリズムが使用されている問題のようです。私はFlotに慣れていませんが、ライン平滑化アルゴリズムを修正できるかどうかを確認してください.-私は 'curvedLines'プロパティを推測します。 –

+2

は 'monotonicFit:true'に設定されます。 –

+0

うん、ロリーの権利。私は以前この問題を見てきました。ここには、同じ(無関係の図書館)を持つ人々のリストへのリンクがあります:https://github.com/chartjs/Chart.js/issues/424 –

答えて

2

Documentationによると、あなたは

monotonicFit: true 
parameter type effect 
------------ ---- ----------------------------------------------------------------- 
monotonicFit bool true => uses monotone cubic interpolation (preserve monotonicity) 
を設定することができます
関連する問題