javascript - PrimeFaces 条形图格式

Question

我试图在我的条形图上做两件事：

1. 将y轴个数的格式改为###,###(12000)，而不是######(12000)；
2. 更改鼠标tooltip以仅显示 y 轴值。14554 代替 1,14554

我试过使用自定义扩展器，但我找不到它的 JPlot 代码。

我正在使用 PrimeFaces 5.1。

Answer 1

为了使用 primefaces 条形图实现您想要的效果，请将以下内容添加到您的自定义jqPlot扩展器中：

1. 将数字格式化Y axes为###,###（数字分组）

   this.cfg.axes.yaxis.tickOptions.formatString = "%'d";

   （jqPlot使用单引号 (') 以数字分组格式化数字）

2. 强制tooltip只显示yaxis值

   this.cfg.highlighter={show: true,tooltipAxes: 'y',useAxesFormatters: false,tooltipFormatString: "%'d"};