Czy mogę powiększyć czcionkę wykresów c3s, na przykład w etykietach osi, etykietach danych lub kategoriach? Interesuje mnie ustawienie czcionki ogólnej na większą.c3js: Czy istnieje sposób na zmianę rozmiaru czcionki?
Przeszukałem dokumenty i nie mogłem znaleźć niczego, co miałoby jakikolwiek związek z "czcionką".
C3 Podaj niektóre klasy dla każdego elementu podczas generowania. Możesz więc zmienić styl elementów, używając klas z CSS.
Przykład: 1. Styl linii Linie mają klasę c3-line-[id], więc ta klasa może być używana do definiowania stylu w css.
Inspektor Web może być przydatny do sprawdzania klas.
W przypadku etykiet są:
c3-legend-item-eventtickZ dokumentacji C3js: http://c3js.org/gettingstarted.html
Próbowałem stylizacji za pomocą CSS, ale kiedy zwiększam rozmiar czcionki powyżej określonego limitu, tekst zaczyna się ukrywać z powodu jego ograniczonej szerokości nadrzędnej. Czy istnieje bardziej elastyczny sposób dostosowywania rozmiaru czcionki etykiet osi lub legend? Czy istnieje również sposób dodawania podziałów linii w etykietach? Po pewnym słowie chcę przerwać etykiety. Wszelka pomoc byłaby naprawdę doceniona. –
musiałem szukać wokół bit oraz przeczytaj plik c3.css, aby uzyskać dobre zrozumienie jak zmienić domyślny wygląd.
W mojej górnej części znajduje się kilka klas, z których możesz chcieć zmienić układ, pamiętaj tylko o dołączeniu własnego pliku CSS po pliku c3.css, aby go zastąpić.
.c3-legend-item
.c3-tooltip th
.c3-tooltip td
CodePen poniżej zawiera większość innych klas CSS będziesz potrzebować, aby dostosować schemat C3 do własnych upodobań. Nie mam wykresu słupkowego/wykresu liniowego, ale testowałem na wykresach kołowych i pączkowych, aby zajęcia były takie same.
Wykres C3.js: CodePen
Użyj następujących dwóch klas.
.c3-axis-y text
{
font-size: 15px; //change the size of the fonts
}
.c3-axis-x text
{
font-size: 15px; //change the size of the fonts
}
Na osi y na wykorzystanie prawej strony - .c3-axis-y2 text
Wystarczy umieścić
table.c3-tooltip{
font-size:150px;
} here
zmienić rozmiar czcionki odpowiednio
czy planowana praca rozwiązaniem dla Ciebie? – aberna