我们如何为Gchart添加自定义css？

Question

我需要在我的图表中添加自定义css。我能够使索引标签在相同的line.Also中，我希望为索引标签提供自定义字体。在检查页面时，所有的索引都在g标记内，我为g标记添加了css，但它不是working.Also，我需要修改工具提示样式并从图表的每个切片中删除'%‘。我如何才能做到这一点？

​

​

我的代码：

<style>
.myPanel.ui-panel{
    width:55% !important;
}
g{
font-family: Verdana !important;
display: block !important;
}
</style>
<div id="savChart">
  <pe:gChart value="#{dashboardMB.dynamicChartObj}" width="500" height="400"
  title="Quanity Wise">
  </pe:gChart>
</div>

Answer 1

有关如何自定义颜色的信息，请参阅此文档：https://developers.google.com/chart/interactive/docs/customizing_charts

然后在你的GChartModelBuilder中做这样的事情..

 new GChartModelBuilder()
    .setChartType(getChartType())
    .addOption("fontName", "Roboto")
    .addOption("colors", Arrays.asList("#e0440e", "#e6693e"))
    .addColumns(new DefaultGChartModelColumn("Topping", "string"),
                new DefaultGChartModelColumn("Slices", "number"))
    .addRow("Mushrooms", mushrooms).addRow("Onions", onions).build();