html - 只增加字体大小的技巧

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 图形

Try this:

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

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