أواجه مشكلات متفرقة مع سلسلة الرسوم البيانية. المسلسل يرسم بشكل غير صحيح. عندما يكون لدي تاريخان واحدًا تلو الآخر ، في بعض الأحيان يدور الخط حول نفسه أو أن الخط سيتخطى نقطة البيانات التالية ثم ينحني للخلف بدلاً من الانحناء مباشرةً إلى النقطة التالية. أعتقد أن منطق الرسم غير صحيح. إذا قمت بتغيير المخطط ليكون سلسلة "خطية" بدلاً من ذلك فإنه يظهر بشكل صحيح.
يمكنك رؤية مشكلتي إذا قمت بنسخ رمز المخطط إلى صفحة المثال. (http://c3js.org/samples/chart_spline.html)
مثال على رمز الرسم البياني:
مخطط var = c3.generate ({
البيانات: {
س: "التاريخ" ،
الأعمدة: [
["التاريخ"، 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]
] ،
اكتب: 'spline'
}
}) ؛
لقطة شاشة:
المشكلة رقم 1501 مشابهة لهذه المشكلة.
بسبب بعض الأخطاء في d3: https://github.com/d3/d3/issues/2348
تم إصلاحه في d3 v4.0 (تمت إعادة كتابة المحرفين ، بما في ذلك إضافة شريحة Catmull-Rom الرائعة) ، ولكن لا يوجد أي إخبار متى ستلحق c3 بالركب (https://github.com/c3js/c3/issues/1648)
باستخدام الإصدار 0.5.1 من c3.js ، يعمل الخيار spline: { interpolation: { type: 'monotone' } }
حل هذه المشكلة.
التعليق الأكثر فائدة
باستخدام الإصدار 0.5.1 من c3.js ، يعمل الخيار
spline: { interpolation: { type: 'monotone' } }
حل هذه المشكلة.انظر: https://jsfiddle.net/mkw4h54r/10/