amCharts label font settings

Question

I have a stylesheet on my app that sets a baseline font. It works fine and I'm happy with it.

* {
    font-family: Roboto, sans-serif;
    font-size: 13px;
}

I'm adding a label to the center of a pie chart. The label is added correctly, but fontSize has no effect. I would think that being so explicit would override any other styles, but it doesn't?

chartOverviewAnimatedCenterLabel = chartOverviewAnimated.seriesContainer.createChild(am4core.Label);
chartOverviewAnimatedCenterLabel.text = "";
chartOverviewAnimatedCenterLabel.horizontalCenter = "middle";
chartOverviewAnimatedCenterLabel.verticalCenter = "middle";
chartOverviewAnimatedCenterLabel.fontSize = 50;
chartOverviewAnimatedCenterLabel.id = "center";

score 1 · Answer 1 · answered Jun 11 '20 at 08:18

1

You have to define font size on axis. something like this

let categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.renderer.labels.template.fontSize = 8;

answered Jun 11 '20 at 08:18

amansoni211

889
2
13
30

It's a pie chart though i.e. no category axis? – Java North Jun 14 '20 at 16:09
oh My bad. see it this helps https://www.amcharts.com/docs/v4/tutorials/piechart-with-too-many-slices/#Reduce_font_size – amansoni211 Jun 16 '20 at 05:26

amCharts label font settings

1 Answers1