Как мы можем добавить пользовательский css для Gchart?

Question

Мне нужно добавить пользовательский css в моем Gchart. Я могу привести индексные метки в одну строку. Также я хочу назначить индивидуальный шрифт индексным меткам. При проверке страницы все индексы были внутри тега g, и я добавил css для тега g, но он не работает. Также мне нужно изменить стиль всплывающей подсказки и удалить «%» из каждого фрагмента диаграммы. Как мне этого добиться?

Мой код:

<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

Для GGcharts смотрите здесь c о том, как настроить ваши цвета: 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();