Π£ ΠΌΠ΅Π½Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ ΡΠΏΠΎΡΠ°Π΄ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΡΠ΅ΡΠΈΡΠΌΠΈ ΡΠΏΠ»Π°ΠΉΠ½-Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ. Π‘Π΅ΡΠΈΠΈ ΡΠΈΡΡΡΡΡΡ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ. ΠΠΎΠ³Π΄Π° Ρ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ Π΄Π²Π΅ Π΄Π°ΡΡ ΠΎΠ΄Π½Π° Π·Π° Π΄ΡΡΠ³ΠΎΠΉ, ΠΈΠ½ΠΎΠ³Π΄Π° Π»ΠΈΠ½ΠΈΡ Π·Π°ΡΠΈΠΊΠ»ΠΈΠ²Π°Π΅ΡΡΡ Π½Π° ΡΠ΅Π±Π΅ ΠΈΠ»ΠΈ Π»ΠΈΠ½ΠΈΡ Π²ΡΠ»Π΅ΡΠ°Π΅Ρ Π·Π° ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΠΎΡΠΊΡ Π΄Π°Π½Π½ΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΠΈΠ·Π³ΠΈΠ±Π°Π΅ΡΡΡ Π½Π°Π·Π°Π΄, Π° Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΈΠ·Π³ΠΈΠ±Π°Π΅ΡΡΡ ΠΏΡΡΠΌΠΎ ΠΊ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΠΎΡΠΊΠ΅. Π― ΡΡΠΈΡΠ°Ρ, ΡΡΠΎ Π»ΠΎΠ³ΠΈΠΊΠ° ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π΅Π²Π΅ΡΠ½Π°. ΠΡΠ»ΠΈ Ρ ΠΈΠ·ΠΌΠ΅Π½Ρ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ Π½Π° Β«Π»ΠΈΠ½Π΅ΠΉΠ½ΡΡΒ» ΡΠ΅ΡΠΈΡ, ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΌΠΎΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, Π΅ΡΠ»ΠΈ ΡΠΊΠΎΠΏΠΈΡΡΠ΅ΡΠ΅ ΠΊΠΎΠ΄ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°. (http://c3js.org/samples/chart_spline.html)
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ:
var chart = c3.generate ({
Π΄Π°Π½Π½ΡΠ΅: {
x: 'Π΄Π°ΡΠ°',
ΡΡΠΎΠ»Π±ΡΡ: [
['Π΄Π°ΡΠ°', 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]
],
ΡΠΈΠΏ: 'ΡΠΏΠ»Π°ΠΉΠ½'
}
});
Π‘ΠΊΡΠΈΠ½ΡΠΎΡ:
ΠΡΠΎΠ±Π»Π΅ΠΌΠ° β1501 ΠΏΠΎΡ ΠΎΠΆΠ° Π½Π° ΡΡΡ.
ΠΈΠ·-Π·Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ Π² d3: https://github.com/d3/d3/issues/2348
ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½ΠΎ Π² d3 v4.0 (ΠΈΠ½ΡΠ΅ΡΠΏΠΎΠ»ΡΡΠΎΡΡ Π±ΡΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΠ°Π½Ρ , Π²ΠΊΠ»ΡΡΠ°Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ»Π°Π΄ΠΊΠΎΠ³ΠΎ ΡΠΏΠ»Π°ΠΉΠ½Π° Catmull-Rom), Π½ΠΎ Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎ, ΠΊΠΎΠ³Π΄Π° c3 Π΄ΠΎΠ³ΠΎΠ½ΠΈΡ (https://github.com/c3js/c3/issues/1648)
Π c3.js Π²Π΅ΡΡΠΈΠΈ 0.5.1 ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠ΅ΡΠ°Π΅Ρ ΠΎΠΏΡΠΈΡ spline: { interpolation: { type: 'monotone' } }
.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π c3.js Π²Π΅ΡΡΠΈΠΈ 0.5.1 ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠ΅ΡΠ°Π΅Ρ ΠΎΠΏΡΠΈΡ
spline: { interpolation: { type: 'monotone' } }
.Π‘ΠΌ .: https://jsfiddle.net/mkw4h54r/10/