html - Google Gauge 设置字体大小和标签

Question

我试图设置由 google chart api 创建的 gauge gauge 的字体大小

我对如何使用 css 来改变 gauge 的字体大小有点困惑

html代码

<div class="center-block" style="margin-top: 8%" >
  <div id="gauge_chart" 
   [chartData]="pie_ChartData" 
   [chartOptions]= "pie_ChartOptions" 
   chartType="Gauge" GoogleChart>
  </div>
</div>

我使用以下几行 css 代码来减小字体大小，但它不起作用

svg:first-child > g > text[text-anchor~=middle]{
    font-size:9px;
}

谁能帮我解决这个问题。

提前谢谢你

Answer 1

尝试

CSS

svg g text{
font-size:.7em;
}

对我有用