C3: ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·Ρ€Ρ‹Π² Π»ΠΈΠ½ΠΈΠΈ Π² тСкстС Π³Π°Π»ΠΎΡ‡ΠΊΠΈ ΠΏΠΎ оси x

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 17 ΠΎΠΊΡ‚. 2014  Β·  9ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: c3js/c3

ΠŸΡ€ΠΈΠ²Π΅Ρ‚

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

Π£ мСня Π½Π° Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ довольно Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΊΠΈ. Π― Π΄ΠΎΠ±Π°Π²ΠΈΠ» ΠΆΠ΅ΡΡ‚ΠΊΡƒΡŽ высоту 500 пиксСлСй ΠΊ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ 200 пиксСлСй ΠΏΠΎ оси x, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Π½ΠΎ я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ высоту оси динамичСской, Ссли это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ.

Π”ΠΎΠ»ΠΆΠ΅Π½ Π»ΠΈ я ΠΏΠ΅Ρ€Π΅Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΌΠ΅Ρ‚ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ самый большой ΠΈ Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊ, ΠΈΠ»ΠΈ Ρƒ c3 Π΅ΡΡ‚ΡŒ функция, которая ΠΌΠΎΠΆΠ΅Ρ‚ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ?

ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ связано с этим: https://github.com/masayuki0812/c3/issues/527

Бпасибо Π·Π° ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ, Π΄ΠΎ сих ΠΏΠΎΡ€ ΠΎΠ½Π° сэкономила ΠΌΠ½Π΅ ΠΌΠ½ΠΎΠ³ΠΎ часов программирования Π½Π° d3 :)

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° скрипках .. А ΠΊΠ°ΠΊ насчСт Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°? МСня устраиваСт. И, поТалуйста, установитС axis.x.tick.multiline = false Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈΡΡŒ ΠΎΠ΄Π½ΠΎΠΉ строкой. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ многострочный.

Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ смысл ввСсти Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Ρ€Ρ‹Π²Π°Ρ‚ΡŒ строки. ΠŸΡ€ΠΈ нСобходимости Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡŽ.

ВсС 9 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ΠŸΡ€ΠΈΠ²Π΅Ρ‚! Бпасибо Π·Π° ΠΎΡ‚Ρ‡Π΅Ρ‚. Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ этот ΠΊΠΎΠΌΠΌΠΈΡ‚ позволяСт автоматичСски Ρ€Π°ΡΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ высоту оси x, Π½Π΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ Π²Ρ‹ снова ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ послСдний ΠΊΠΎΠ΄? Бпасибо.

ΠžΠ‘ΠΠžΠ’Π˜Π’Π¬:
Π― Π²Π²Π΅Π» axis.x.tick.width для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ многострочного тСкста с Π³Π°Π»ΠΎΡ‡ΠΊΠΎΠΉ, поэтому установитС эту ΠΎΠΏΡ†ΠΈΡŽ null сСйчас. Π‘Π΅Π· этого тСкст Π³Π°Π»ΠΎΡ‡ΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Π±ΠΈΡ‚ Π½Π° нСсколько строк, Π΄Π°ΠΆΠ΅ Ссли ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚Ρ‹.

ΠŸΡ€ΠΈΠ²Π΅Ρ‚,

Бпасибо Π·Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅, ΠΊ соТалСнию, я Π½Π΅ Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ это Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ -

  1. http://jsfiddle.net/gbdtjsba/15 - Π‘Π΅Π· высоты оси x 200 пиксСлСй (ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ я ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ) Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Ρ€Π°Π½ΡŒΡˆΠ΅. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π³Ρ€Π°Ρ„ΠΈΠΊΠ°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡ€Π΅Ρ‡ΠΈΠ²ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅.
  2. http://jsfiddle.net/gbdtjsba/11 - ΠŸΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ось x ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΡƒΡŽ высоту, Π½ΠΎ это исправлСно ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π­Ρ‚Π° вСрсия ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΈΠΌΠ΅Π΅Ρ‚ высоту 200 пиксСлСй ΠΏΠΎ оси x, ΠΈ я Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° возвращаСтся ΠΊ этой высотС, Π° Π½Π΅ ΠΊ расчСтной.

Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΡ‚ΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Ρ‚ΠΎ Π³Ρ€Π°Ρ„ΠΈΠΊ ΠΈΠΌΠ΅Π΅Ρ‚ высоту 500 пиксСлСй, ΠΌΠ΅Ρ‚ΠΊΠΈ оси ΠΈΠΌΠ΅ΡŽΡ‚ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ / высоту 125 пиксСлСй, поэтому Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ΅ автоматичСски присваиваСтся высота 375 пиксСлСй ΠΈ ΠΌΠ΅Ρ‚ΠΊΠΈ 125 пиксСлСй. Или, Ссли Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ / Π² качСствС ΠΎΠΏΡ†ΠΈΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ высоту Π³Ρ€Π°Ρ„ΠΈΠΊΠ° 500 пиксСлСй, Π° общая высота, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΌΠ΅Ρ‚ΠΊΠΈ, станСт 625 пиксСлСй.

Π―Ρ€Π»Ρ‹ΠΊΠΈ Π½Π° Π»ΠΈΠ½ΠΈΠΈ 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 ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ» Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ для ΠΎΠ±ΠΎΠΈΡ… (см. здСсь ), надСюсь, это ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚.

МнС Π±Ρ‹Π»ΠΎ интСрСсно, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ строку Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ Π² тСкстС ΠΌΠ΅Ρ‚ΠΊΠΈ. Атрибуты multiline ΠΈ multilineMax ΡΠ΄Π΅Π»Π°ΡŽΡ‚ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ, спасибо Π·Π° ΠΎΡ‚Π²Π΅Ρ‚ @jcsmorais

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, Π΅ΡΡ‚ΡŒ Π»ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ для многострочных ΠΌΠ΅Ρ‚ΠΎΠΊ осСй?

Π― Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽ этот вопрос, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ многострочныС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΡƒΠΆΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚. Π‘ΠΌ. Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ , ΡƒΠΊΠ°Π·Π°Π½Π½ΡƒΡŽ @jcsmorais.

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ