CODEWITHSUNDEEP
angularjsd3.jsn3-charts
Marcin Majewski
Marcin Majewski

Reputation: 1047

Change font size of chart (n3-charts/line-chart)

I am using https://github.com/n3-charts/line-chart library to generate charts. Is it possible to change font size of axis labels? I could not find such option in official documentation.

Upvotes: 0

Views: 783

Answers (2)

Matt
Matt

Reputation: 108

When the chart is generated it has it's own classes that you can take advantage of overwriting... Here are all the axis for example:

// X-Axis Font
.x-axis {
    font-size: 120%;
}
// Left Y-Axis
.y-axis {
    font-size: 130%;
}
// Right Y-Axis
.y2-axis {
    font-size: 140%;
}

Hope that helps.

Upvotes: 2

Icycool
Icycool

Reputation: 7179

Something like this on the CSS would work

.tick text {
    font-size: 120%;
}

Edit: The appearance of many SVG elements can be configured using CSS, just inspect them in the browser and try modifying them.

Upvotes: 3

Related Questions