C3: рдПрдХреНрд╕ рдЕрдХреНрд╖ рдореЗрдВ рдмрд▓ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдЯреЗрдХреНрд╕реНрдЯ рдкрд░ рдЯрд┐рдХ рдХрд░реЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 17 рдЕрдХреНрддреВре░ 2014  ┬╖  9рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: c3js/c3

рдЕрд░реЗ

http://jsfiddle.net/gbdtjsba/11/

рдореЗрд░реЗ рдЧреНрд░рд╛рдл рдореЗрдВ рдХрд╛рдлреА рд▓рдВрдмреЗ рд▓реЗрдмрд▓ рд╣реИрдВред рдореИрдВрдиреЗ рдЧреНрд░рд╛рдлрд╝ рдореЗрдВ 500px рдХреА рдХрдареЛрд░ рдКрдВрдЪрд╛рдИ рдФрд░ x рдЕрдХреНрд╖ рдореЗрдВ 200px рдЬреЛрдбрд╝рд╛ рд╣реИ рдЬреЛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрджрд┐ рд╕рдВрднрд╡ рд╣реЛ рддреЛ рдореИрдВ рдзреБрд░реА рдКрдВрдЪрд╛рдИ рдХреЛ рдЧрддрд┐рд╢реАрд▓ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред

рдХреНрдпрд╛ рдореБрдЭреЗ рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рдЦреЛрдЬрдиреЗ рдХреЗ рд▓рд┐рдП рд▓реЗрдмрд▓ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд▓реВрдк рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ рдЧреНрд░рд╛рдл рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдЗрд╕рдХреА рдЪреМрдбрд╝рд╛рдИ рдХреА рдЧрдгрдирд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рдпрд╛ рдХреНрдпрд╛ c3 рдореЗрдВ рдПрдХ рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИ рдЬреЛ рдпрд╣ рдХрд░ рд╕рдХрддреА рд╣реИ?

рдЗрд╕рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реИ: https://github.com/masayuki0812/c3/issues/527

рдПрдХ рдорд╣рд╛рди рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдЕрдм рддрдХ рдЗрд╕рдиреЗ рдореБрдЭреЗ d3 рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рдХреЗ рдХрдИ рдШрдВрдЯреЗ рдмрдЪрд╛рдП рд╣реИрдВ :)

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдкрд╣реЗрд▓реА рдореЗрдВ рдирд╣реАрдВ рдЬрд╛рдЧ рд░рд╣рд╛ рд╣реИ .. рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдХреЛрдб рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреИрд╕реЗ? рдЗрд╕рд╕реЗ рдореЗрд░рд╛ рдХрд╛рдо рдмрдирддрд╛ рд╣реИред рдФрд░ рдХреГрдкрдпрд╛ рдПрдХ рдкрдВрдХреНрддрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП axis.x.tick.multiline = false рд╕реЗрдЯ рдХрд░реЗрдВред рдЕрдм рдорд▓реНрдЯреАрд▓рд╛рдЗрди рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реИред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХреЛ рдордЬрдмреВрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдкреЗрд╢ рдХрд░рдирд╛ рдЙрдЪрд┐рдд рд▓рдЧрддрд╛ рд╣реИред рдЬрд░реВрд░рдд рдкрдбрд╝реА рддреЛ рдЕрдорд▓ рдХрд░реВрдВрдЧрд╛ред

рд╕рднреА 9 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдирдорд╕реНрддреЗ, рдЖрдкрдХреА рд░рд┐рдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдкреНрд░рддрд┐рдмрджреНрдзрддрд╛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдПрдХреНрд╕ рдЕрдХреНрд╖ рдКрдВрдЪрд╛рдИ рдХреА рдЧрдгрдирд╛ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдмрдирд╛рддреА рд╣реИ, рддреЛ рдХреНрдпрд╛ рдЖрдк рдлрд┐рд░ рд╕реЗ рдирд╡реАрдирддрдо рдХреЛрдб рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдзрдиреНрдпрд╡рд╛рджред

рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВ:
рдореИрдВрдиреЗ рдХрдИ рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЗ рдЯрд┐рдХ рдЯреЗрдХреНрд╕реНрдЯ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП axis.x.tick.width рд╢реБрд░реБрдЖрдд рдХреА, рдЗрд╕рд▓рд┐рдП рдХреГрдкрдпрд╛ рдЗрд╕ рд╕рдордп рдЗрд╕ рд╡рд┐рдХрд▓реНрдк рдХреЛ null рд╕реЗрдЯ рдХрд░реЗрдВред рдЗрд╕рдХреЗ рдмрд┐рдирд╛, рдЯрд┐рдХ рдЯреЗрдХреНрд╕реНрдЯ рдХреЛ рдШреБрдорд╛рдП рдЬрд╛рдиреЗ рдкрд░ рднреА рдХрдИ рдкрдВрдХреНрддрд┐рдпреЛрдВ рдореЗрдВ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред

рдирдорд╕реНрддреЗ,

рдЖрдкрдХреЗ рдЕрдкрдбреЗрдЯ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдпрд╣ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ -

  1. http://jsfiddle.net/gbdtjsba/15 - 200px x рдЕрдХреНрд╖ рдКрдВрдЪрд╛рдИ рдХреЗ рдмрд┐рдирд╛ (рдЬрд┐рд╕реЗ рдореИрдВ рдирд┐рдХрд╛рд▓рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ), рдкрд░рд┐рдгрд╛рдо рдкрд╣рд▓реЗ рдЬреИрд╕реЗ рд╣реА рд╣реИрдВред рдЕрд╕рдВрдЧрдд рд╡реНрдпрд╡рд╣рд╛рд░ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЧреНрд░рд╛рдлрд╝ рдХрд╛ рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред
  2. http://jsfiddle.net/gbdtjsba/11 - рд▓реЛрдб рд╣реЛрдиреЗ рдкрд░ x рдЕрдХреНрд╖ рдХреА рдКрдВрдЪрд╛рдИ рдЧрд▓рдд рдкреНрд░рддреАрдд рд╣реЛрддреА рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк рдЖрдХрд╛рд░ рдмрджрд▓рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдареАрдХ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред рдЗрд╕ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдЕрднреА рднреА рдПрдХреНрд╕ рдЕрдХреНрд╖ рдкрд░ 200px рдКрдВрдЪрд╛рдИ рд╣реИ, рдФрд░ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЗрд╕ рдКрдВрдЪрд╛рдИ рдкрд░ рд╡рд╛рдкрд╕ рдЖ рд░рд╣рд╛ рд╣реИ, рдЧрдгрдирд╛ рдХреА рдЧрдИ рдирд╣реАрдВред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХреНрдпрд╛ рд╣реЛрдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдЧреНрд░рд╛рдл рдХреА рдКрдВрдЪрд╛рдИ 500px рд╣реИ, рдЕрдХреНрд╖ рдЯрд┐рдХреЛрдВ рдХреА рдЕрдзрд┐рдХрддрдо рдЪреМрдбрд╝рд╛рдИ/рдКрдВрдЪрд╛рдИ 125px рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЪрд╛рд░реНрдЯ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдКрдВрдЪрд╛рдИ 375px рдФрд░ рд▓реЗрдмрд▓ 125px рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╛, рдпрджрд┐ рдЖрдк рдПрдХ рд╡рд┐рдХрд▓реНрдк рдХреЗ рд░реВрдк рдореЗрдВ / рдкрд╕рдВрдж рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЧреНрд░рд╛рдлрд╝ рдХреА рдКрдБрдЪрд╛рдИ 500px, рдФрд░ рд▓реЗрдмрд▓ рд╕рд╣рд┐рдд рд╕рдордЧреНрд░ рдКрдБрдЪрд╛рдИ рдмрдирд╛рдиреЗ рдХреА рдХреНрд╖рдорддрд╛ 625px рд╣реЛ рдЬрд╛рддреА рд╣реИред

1+ рд▓рд╛рдЗрдиреЛрдВ рдкрд░ рд▓реЗрдмрд▓ рдмрдврд╝рд┐рдпрд╛ рд╣реИрдВред рдХреНрдпрд╛ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХреЛ рдордЬрдмреВрд░ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ? рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП 2014-10-22 \n 2014-10-15 \n 2014-10-08 ?

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдкрд╣реЗрд▓реА рдореЗрдВ рдирд╣реАрдВ рдЬрд╛рдЧ рд░рд╣рд╛ рд╣реИ .. рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдХреЛрдб рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреИрд╕реЗ? рдЗрд╕рд╕реЗ рдореЗрд░рд╛ рдХрд╛рдо рдмрдирддрд╛ рд╣реИред рдФрд░ рдХреГрдкрдпрд╛ рдПрдХ рдкрдВрдХреНрддрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП axis.x.tick.multiline = false рд╕реЗрдЯ рдХрд░реЗрдВред рдЕрдм рдорд▓реНрдЯреАрд▓рд╛рдЗрди рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реИред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХреЛ рдордЬрдмреВрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдкреЗрд╢ рдХрд░рдирд╛ рдЙрдЪрд┐рдд рд▓рдЧрддрд╛ рд╣реИред рдЬрд░реВрд░рдд рдкрдбрд╝реА рддреЛ рдЕрдорд▓ рдХрд░реВрдВрдЧрд╛ред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХреЛ рдордЬрдмреВрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдкреЗрд╢ рдХрд░рдирд╛ рдЙрдЪрд┐рдд рд▓рдЧрддрд╛ рд╣реИред рдЬрд░реВрд░рдд рдкрдбрд╝реА рддреЛ рдЕрдорд▓ рдХрд░реВрдВрдЧрд╛ред

рд╣рд╛рдВред рдЬрд░реВрд░рдд рд╣реИред

рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдпреЛрдЬрдирд╛?

@laurabrooks рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЖрдк "рдЗрд╕" рдХреЗ рд╕рд╛рде рдХреНрдпрд╛ рдХрд╣ рд░рд╣реЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди axis.x.tick.multiline рдХреБрдЫ рд╕рдордп рдХреЗ рд▓рд┐рдП рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдФрд░ рдореИрдВрдиреЗ рд╣рд╛рд▓ рд╣реА рдореЗрдВ axis.x.tick.multilineMax рд▓рд┐рдП рд╕рдорд░реНрдерди рдкреЗрд╢ рдХрд┐рдпрд╛ рдФрд░ рджреЛрдиреЛрдВ рдХреЗ рд▓рд┐рдП рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдЬреЛрдбрд╝рд╛ (рджреЗрдЦреЗрдВ рдпрд╣рд╛рдБ ), рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдорджрдж рдХрд░рддрд╛ рд╣реИред

рдореИрдВ рд▓реЗрдмрд▓ рдЯреЗрдХреНрд╕реНрдЯ рдореЗрдВ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдмрд┐рдВрджреБ рдкрд░ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХреЛ рдордЬрдмреВрд░ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪ рд░рд╣рд╛ рдерд╛ред рд╣рд╛рд▓рд╛рдВрдХрд┐, рдорд▓реНрдЯреАрд▓рд╛рдЗрди рдФрд░ рдорд▓реНрдЯреАрд▓рд╛рдЗрдирдореИрдХреНрд╕ рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ рдХрд╛рдо @jcsmorais

рдЕрд░реЗ рдХреНрдпрд╛ рдорд▓реНрдЯреАрд▓рд╛рдЗрди рдПрдХреНрд╕рд┐рд╕ рд▓реЗрдмрд▓ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдкреНрд░рд╛рд╡рдзрд╛рди рд╣реИ?

рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдХреНрдпреЛрдВрдХрд┐ рдмрд╣реБрдкрдВрдХреНрддрд┐ рд╡рд┐рдХрд▓реНрдк рдкрд╣рд▓реЗ рд╕реЗ рдореМрдЬреВрдж рд╣реИрдВред рдХреГрдкрдпрд╛ рдЙрди рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЛ рджреЗрдЦреЗрдВ рдЬреЛ @jcsmorais рджреНрд╡рд╛рд░рд╛ рдмрддрд╛рдП рдЧрдП рдереЗред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

u119102 picture u119102  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

seubert picture seubert  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

snkashis picture snkashis  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

zachallia picture zachallia  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

wojciechowskid picture wojciechowskid  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ