只增加字体大小的技巧

Question

我在网页上显示了一个图表。我想增加字体大小而不增加行大小。使用API​​，如果我想增加字体大小，它会增加行大小。

演示链接：https://plnkr.co/edit/UGlDe2XjfhLw4tlTwEyB?p=preview 在上面的演示中，我想增加行内显示的文本的字体大小（P1数据，P3数据）。

生成的代码：

我尝试使用以下无效的css代码：

     #chart1 svg rect {
     font :9px;
  }

Answer 1

这里几乎没有错误：

1. 其font-size而非font
2. 尝试定位text元素而不是rect数字

  

试试这个：

#chart1 svg text {
    font-size: 11px;
}

希望它有所帮助。如果没有，请评论，以便我可以进一步帮助你