如何在 pe:gChart 中的工具提示中显示绝对值

Question

我正在使用 google 图表显示饼图，primefaces.PrimeFaces 版本是 6.1。目前工具提示有绝对值和百分比。我只想显示绝对值。我的密码是

<div id="savChart">
  <pe:gChart value="#{dashboardMB.dynamicChartObj}" width="400" height="400"
  title="Quanity Wise">
  </pe:gChart>
</div>

GChartModelBuilder chartBuilder = new GChartModelBuilder();
chartBuilder.setChartType(GChartType.PIE);
chartBuilder.addColumns("Topping", "Slices");
chartBuilder.addRow("Sleep", 7);  
chartBuilder.addRow("Work", 6);
chartBuilder.addOption("pieSliceText", "value");
chartBuilder.addOption("tooltip.text", "value");
chartBuilder.addOption("legend","{ position: 'top', 'alignment': 'start' }");

chartSavingModel = chartBuilder.build();

我需要如下所示的工具提示。

对于pieSliceText，chartBuilder.addOption("pieSliceText", "value");代码工作正常。如您所见，我添加了 chartBuilder.addOption("tooltip.text", "value");，根据 Google Charts 应该可以使用，但它不适用于工具提示。

Answer 1

您只需阅读 Google 图表文档即可。 https://developers.google.com/chart/interactive/docs/gallery/piechart#configuration-options

有一个名为 tooltip.text 的属性，默认为“两者”。

tooltip.text

What information to display when the user hovers over a pie slice. The following values are supported:

'both' - [Default] Display both the absolute value of the slice and the percentage of the whole.

'value' - Display only the absolute value of the slice.

'percentage' - Display only the percentage of the whole represented by the slice.

Type: string

Default: 'both'

如何在java代码中添加这个可以在.

中看到

Answer 2

我只对之前的答案添加一件事，要管理复杂的选项，您需要将它们作为 Map 传递，而不是作为 String 传递，因此，在您的情况下，它变成像这样：

HashMap<String, String> opt = new HashMap<String, String>();
opt.put("text", "value");
chartBuilder.addOption("tooltip", opt);

一切正常。

如何在 pe:gChart 中的工具提示中显示绝对值

How to show absolute value in tooltip in a pe:gChart

gchart

primefaces

primefaces-extensions