Google Gauge设置字体大小和标签

时间:2017-11-20 07:09:22

标签: html css bootstrap-4 google-gauges

我尝试设置由Google图表API

创建的标尺的字体大小

我有点担心如何使用css来改变仪表的字体大小

html代码

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

enter image description here 我使用下面的css代码行来减少字体大小,但它不起作用

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

任何人都可以帮助我。

提前谢谢

1 个答案:

答案 0 :(得分:0)

尝试

CSS

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

为我工作