4

我正在使用谷歌图表在 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应该可以工作但它不适用于工具提示的内容。

4

2 回答 2

3

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

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

一切正常。

于 2020-05-01T07:23:28.020 回答
3

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

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

工具提示文本

当用户将鼠标悬停在饼图上时要显示什么信息。支持以下值：

  • 'both' - [默认] 显示切片的绝对值和整体的百分比。
  • 'value' - 仅显示切片的绝对值。
  • 'percentage' - 仅显示切片所代表的整体的百分比。

类型：字符串

默认值：“两者”

如何在java代码中添加这个可以在其他答案中看到。

于 2020-04-29T11:51:43.213 回答