仅增加字体大小的技巧

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;
}

希望对您有所帮助。如果没有，请发表评论，以便我可以进一步帮助您