C3: paksa jeda baris dalam teks centang sumbu x

Dibuat pada 17 Okt 2014 · 9Komentar · Sumber: c3js/c3

Hai

Saya memiliki label yang cukup panjang di grafik saya. Saya telah menambahkan tinggi keras 500px ke grafik, dan 200px ke sumbu x yang berfungsi, tetapi saya ingin membuat tinggi sumbu dinamis jika memungkinkan.

Haruskah saya mengulang label untuk menemukan yang terbesar dan menghitung lebarnya sebelum menerapkan grafik, atau apakah c3 memiliki fitur yang dapat melakukan ini?

Mungkin terkait dengan yang ini: https://github.com/masayuki0812/c3/issues/527

Terima kasih untuk perpustakaan yang hebat, sejauh ini telah menyelamatkan saya berjam-jam pemrograman d3 :)

C-feature-request

Sumber

daviestar

👍1

Komentar yang paling membantu

Tampaknya tidak terbangun di biola .. Bagaimana dengan kode yang sebenarnya? Ini bekerja untuk saya. Dan tolong set axis.x.tick.multiline = false untuk ditampilkan sebagai satu baris. Sekarang multiline adalah default.

Saya pikir masuk akal untuk memperkenalkan sesuatu untuk memaksa jeda baris. Saya akan menerapkan jika diperlukan.

masayuki0812 pada 9 Nov 2014

👍7

Semua 9 komentar

Hai, Terima kasih atas laporan Anda. Saya pikir komit ini memungkinkan untuk menghitung tinggi sumbu x secara otomatis, jadi bisakah Anda mencoba kode terbaru lagi? Terima kasih.

MEMPERBARUI:
Saya memperkenalkan axis.x.tick.width untuk mendukung beberapa baris teks centang, jadi harap atur opsi ini null saat ini. Tanpa ini, teks centang akan dibagi menjadi beberapa baris bahkan jika mereka diputar.

masayuki0812 pada 3 Nov 2014

👍2

Halo,

Terima kasih atas pembaruan Anda, sayangnya menurut saya itu tidak berfungsi -

http://jsfiddle.net/gbdtjsba/15 - Tanpa tinggi sumbu x 200px (yang saya coba hapus), hasilnya sama seperti sebelumnya. Coba ubah ukuran grafik untuk melihat perilaku yang tidak konsisten.
http://jsfiddle.net/gbdtjsba/11 - Saat memuat sumbu x tampaknya memiliki ketinggian yang salah, tetapi ini diperbaiki saat Anda mengubah ukuran. Versi ini masih memiliki tinggi 200px pada sumbu x, dan saya pikir itu kembali ke ketinggian ini, bukan yang dihitung.

Menurut saya yang perlu terjadi adalah, misalnya grafik memiliki tinggi 500px, kutu sumbu memiliki lebar/tinggi maksimum 125px, sehingga grafik secara otomatis diberi tinggi 375px dan label 125px. Atau, jika Anda lebih suka / sebagai opsi, kemampuan untuk membuat grafik tinggi 500px, dan tinggi keseluruhan termasuk label menjadi 625px.

Label pada 1+ baris sangat bagus. Apakah mungkin untuk memaksa jeda baris? Misalnya 2014-10-22 \n 2014-10-15 \n 2014-10-08 ?

daviestar pada 5 Nov 2014

Saya pikir masuk akal untuk memperkenalkan sesuatu untuk memaksa jeda baris. Saya akan menerapkan jika diperlukan.

masayuki0812 pada 9 Nov 2014

👍7

Saya pikir masuk akal untuk memperkenalkan sesuatu untuk memaksa jeda baris. Saya akan menerapkan jika diperlukan.

Ya. Diperlukan.

format1981 pada 1 Des 2014

👍1

ada rencana untuk ini?

laurabrooks pada 31 Mei 2018

@laurabrooks Saya tidak yakin apa yang Anda maksud dengan "ini", tetapi axis.x.tick.multiline telah diterapkan untuk sementara waktu dan saya baru-baru ini memperkenalkan dukungan untuk axis.x.tick.multilineMax dan menambahkan dokumentasi untuk keduanya (lihat di sini ), semoga membantu.

jcsmorais pada 31 Mei 2018

😄1

Saya bertanya-tanya tentang memaksa jeda baris pada titik tertentu dalam teks label. atribut multiline dan multilineMax akan berfungsi , terima kasih atas tanggapannya

laurabrooks pada 31 Mei 2018

👍3

Hai, apakah ada ketentuan untuk label sumbu multiline?