ΠΡΠΈΠ²Π΅Ρ.
ΠΠ°ΠΊ ΡΠ°ΡΠΊΡΠ°ΡΠΈΡΡ Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅ΡΠΊΠΈ Y?
Π― Ρ
ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ Ρ ΡΡΠ΅ΠΌΡ Π»ΠΈΠ½ΠΈΡΠΌΠΈ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΡΠ΅Π΄Π½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π² Π²ΠΈΠ΄Π΅ Y-ΡΠ΅ΡΠΊΠΈ-Π»ΠΈΠ½ΠΈΠΉ. Π§ΡΠΎΠ±Ρ Π±ΡΠ»ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΡΡΠΎ ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ ΡΡΠ΅Π΄Π½Π΅Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ - ΡΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈΠ· Π΄Π°Π½Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, Ρ Ρ
ΠΎΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ ΡΠ²Π΅Ρ Π΄Π»Ρ Π»ΠΈΠ½ΠΈΠΈ Π½Π° Π³ΡΠ°ΡΠΈΠΊΠ΅ ΠΈ Π΄Π»Ρ ΡΡΠ΅Π΄Π½Π΅Π³ΠΎ.
Π― ΠΏΠΎΠΏΡΡΠ°Π»ΡΡ Π·Π°Π°ΡΡ
ΠΈΠ²ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS, Π½ΠΎ Π½Π΅ ΡΠΌΠΎΠ³, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΌΠΎΠ³Ρ ΡΠΎΠ»ΡΠΊΠΎ Π²ΡΠ±ΡΠ°ΡΡ
<g class="c3-ygrid-line">
ΠΡΡΡ Π»ΠΈ Π΄ΡΡΠ³Π°Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ? ΠΠ»ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΡΠ²Π΅ΡΠ° ΠΊ Π»ΠΈΠ½ΠΈΡΠΌ ΡΠ΅ΡΠΊΠΈ?
Π― ΠΏΡΠΈΡΠ΅Π» ΡΡΠ΄Π°, ΡΡΠΎΠ±Ρ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΡΠ΅ΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅ΡΠΊΠΈ Π½Π° ΡΠ΅ΡΠ½ΠΎΠΌ ΡΠΎΠ½Π΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ
ΠΡΠΈΠ²Π΅Ρ, Ρ Π΄ΡΠΌΠ°Ρ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ, ΠΊΠ°ΠΊ ΡΡΠ° ΡΠΊΡΠΈΠΏΠΊΠ° http://jsfiddle.net/EgESr/1/ . ΠΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ ΡΡΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ?
ΠΡΠΈΠ²Π΅Ρ ΠΠ°ΡΠ°ΡΠΊΠΈ,
ΡΡΠΎ Ρ
ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΠΌΠΎΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅. ΠΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄ΡΠΌΠ°Π» ΠΎ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠΈ ΠΊΠ»Π°ΡΡΠ° Π²ΡΡΡΠ½ΡΡ.
Π― ΠΏΠΎΠ΄ΡΠΌΠ°Π», ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π°Π·Π½Π°ΡΠ°Π΅ΠΌΡΠ΅ ΠΊΠ»Π°ΡΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ c3-ygrid-line- #, ΠΊΠ°ΠΊ Π²Ρ ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΠ΅ ΡΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌΠΈ Π² Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ°Ρ
. ΠΠΎΠΆΠ΅Ρ, ΡΠ΅Π±Π΅ Π²ΡΠ΅ ΠΆΠ΅ ΡΡΠΎΠΈΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅
ΠΠΎ Π½Π°Π·Π²Π°ΡΡ ΡΡΡΠΎΠΊΡ ΡΠ°ΠΌΠΎΠΌΡ ΠΏΡΠΎΡΡΠΎ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ ΠΠ°ΠΌ Π±ΠΎΠ»ΡΡΠΎΠ΅. ΠΠ°ΡΠ°ΡΠΊΠΈ, ΡΡ Π²ΠΎΠ»ΡΠ΅Π±Π½ΠΈΠΊ ;-)
Π― Ρ ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅ΡΠΊΠΈ ΡΠΏΠ»ΠΎΡΠ½ΡΠΌ ΡΠ΅ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ, Π½Π΅ ΡΠΊΠ°Π·ΡΠ²Π°Ρ ΠΊΠ»Π°ΡΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΡΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ Π²Ρ ΠΎ Π½Π΅ΠΌ Π·Π½Π°Π΅ΡΠ΅.
Π― Π½Π΅ Π·Π½Π°Ρ, ΠΏΠΎΡΠ΅ΠΌΡ c3.js ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅ΡΠΊΠΈ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΠΌΠΈ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΏΠ»ΠΎΡΠ½ΡΡ . ΠΡΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Ρ ΠΎΡΠΎΡΠΎ.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π― Ρ ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅ΡΠΊΠΈ ΡΠΏΠ»ΠΎΡΠ½ΡΠΌ ΡΠ΅ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ, Π½Π΅ ΡΠΊΠ°Π·ΡΠ²Π°Ρ ΠΊΠ»Π°ΡΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΡΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ Π²Ρ ΠΎ Π½Π΅ΠΌ Π·Π½Π°Π΅ΡΠ΅.
Π― Π½Π΅ Π·Π½Π°Ρ, ΠΏΠΎΡΠ΅ΠΌΡ c3.js ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅ΡΠΊΠΈ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΠΌΠΈ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΏΠ»ΠΎΡΠ½ΡΡ . ΠΡΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Ρ ΠΎΡΠΎΡΠΎ.