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

Question

我需要在我的Gchart中添加自定义CSS。我的索引标签较长，并转到下一行。我想将索引标签放在同一行中。在检查页面时，所有索引都在g标签内，并且我为g标签添加了css但它不起作用。我该如何实现？

我的代码：

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

Answer 1

对于GGcharts，请参阅此文档以了解如何自定义颜色：https://developers.google.com/chart/interactive/docs/customizing_charts

然后在您的GChartModelBuilder中执行以下操作。

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