Primefaces Chart number format

Question

I want that numbers in my Primefaces Bar Chart should be displayed with decimal points (e.g.: 102.456,00).

Is it possible to set number format in a function extender:

function ext() {
    this.cfg.axes.yaxis.tickOptions.formatString = "R$ %d ";
    this.cfg.seriesDefaults.rendererOptions.dataLabelFormatString = "R$ %d";
}

With this function, the numbers are displayed like this: R$10832 | R$25476 etc. But I want it to be displayed like: R$10.832 | R$25.476 etc.

Is it possible to set it in the function or do I need to set it with Java Number Format?

did you find the answer? – Randyka Yudhistira Jul 18 '17 at 08:34 — Randyka Yudhistira, Jul 18 '17 at 08:34

score 6 · Accepted Answer · answered Jul 25 '17 at 02:22

6

I use this solution for thousand separator in bean controller :

Axis yAxis = graph.getAxis(AxisType.Y);
yAxis.setTickFormat("%'.0f");

So, for your question try yAxis.setTickFormat("R$%'.0f");

answered Jul 25 '17 at 02:22

Randyka Yudhistira

3,612
1
26
41

Hi! Your solution displays results like 10,000.01; but I need dots for thousands separator and commas for decimal separator, like: 10.000,01. – jMarcel Jul 26 '17 at 19:15

score 3 · Answer 2 · answered Jul 26 '17 at 19:53

After searching for a solution in the JQPlot documentation, I found that is possible to set the thousandsSeparator and decimalMark in the Extender, as follows:

<script>
            function ext() {
                this.cfg.axes.yaxis.tickOptions.formatString = "R$%'#.0f";
                $.jqplot.sprintf.thousandsSeparator = '.';
                $.jqplot.sprintf.decimalMark = ','; 

            }
</script>

Primefaces Chart number format

2 Answers2