C3: スプラインチャートの描画が正しくない

作成日 2016年11月15日  ·  3コメント  ·  ソース: c3js/c3

スプラインチャートシリーズで散発的な問題が発生しています。 シリーズは正しく描画されていません。 2つの日付が次々とある場合、線がそれ自体をループしたり、線が次のデータポイントを超えてシュートし、次のポイントに直接カーブするのではなく、カーブバックすることがあります。 描画ロジックが間違っていると思います。 チャートを「線」シリーズに変更すると、代わりに正しく表示されます。

チャートコードをサンプルページにコピーすると、私の問題を確認できます。 (http://c3js.org/samples/chart_spline.html)

チャートコードの例:
var chart = c3.generate({
データ: {
x: '日付'、
列:[
['date'、744336000000,752112000000,876096000000,882057600000,884304000000,888969600000,893203200000,897350400000,902361600000,908236800000]、
['値'、12.15,11.7,11.75,11.86,11.97,12.05,11.27,12.2,12.34,12.27]
]、
タイプ: 'スプライン'
}
});

スクリーンショット:
image

最も参考になるコメント

c3.jsのバージョン0.5.1では、 spline: { interpolation: { type: 'monotone' } }オプションがこの問題を解決します。

参照: https

2018-03-25 15 56 34

全てのコメント3件

問題#1501はこの問題に似ています。

d3のいくつかのバグが原因: https

d3 v4.0で修正されました(甘いCatmull-Romスプラインの追加を含め、補間器が書き直されました)が、c3がいつ追いつくかはわかりません(https://github.com/c3js/c3/issues/1648)

c3.jsのバージョン0.5.1では、 spline: { interpolation: { type: 'monotone' } }オプションがこの問題を解決します。

参照: https

2018-03-25 15 56 34

このページは役に立ちましたか?
0 / 5 - 0 評価