jqplot pointLabels how to format number up to 2 decimal

Question

I am using jqplot for showing graph.

following is the code :

tempArr1 = [9189.539999999999, 10170.039999999999, 980.5]

plot2 = $.jqplot('bar_chart_id1', [tempArr1], {
                            title:{
                                text: chatTitle2,
                                textColor: '#B66B09'
                            },
                            seriesDefaults:{
                                renderer:$.jqplot.BarRenderer,
                                rendererOptions: {
                                    // Set the varyBarColor option to true to use different colors for each bar.
                                    varyBarColor: true,
                                    barPadding: 2,
                                    barMargin: 3,
                                    barWidth: 30,
                                },
                                pointLabels: {show: true},  
                            },
                            axes: {
                                xaxis: {
                                    renderer: $.jqplot.CategoryAxisRenderer,
                                    ticks: lblArray,
                                    label:'Manufacturer',
                                },
                                yaxis:{
                                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                                    min: 0,
                                    tickInterval:1000,
                                    label:'Amount',
                                    tickOptions: {formatString: '$%#.2f'} 
                                }
                            },
                            highlighter: { show: true },
                        });

As you can see the point label is showing many decimal points (9189.539999999999). I need to show the label as '$91890.54'. I have tried the formatString option in pointLabels as '$%#.2' buts its not working.

Any help is greatly appreciated. Thank you.

score 1 · Answer 1 · answered Dec 21 '15 at 11:08

1

tempArr1 = [9189.539999999999, 10170.039999999999, 980.5];
tempArr1 = tempArr1.map(i => { return parseFloat(i.toFixed(2)); });

answered Dec 21 '15 at 11:08

void

36,090
8
62
107

Hi thanx for rply your suggestiond did work, but how can I put '$' symbol before amout. – Shekhar Khairnar Dec 21 '15 at 11:27
@ShekharKhairnar amend the return `tempArr1 = tempArr1.map(i => { return '$'+parseFloat(i.toFixed(2)); });` – twobob Jun 28 '17 at 02:21

score 0 · Answer 2 · edited May 23 '17 at 11:52

0

Round to at most 2 decimal places in JavaScript

Math.round(num * 100) / 100

Source

edited May 23 '17 at 11:52

Community

1
1

answered Dec 21 '15 at 11:07

ARIF MAHMUD RANA

5,026
3
31
58

score 0 · Answer 3 · answered Jun 28 '17 at 02:17

0

 pointLabels: { show: true, location: 'n', lables: tempArr1 , formatString: "$%#.2f" },

Should meet your exact needs

answered Jun 28 '17 at 02:17

twobob

354
8
22

jqplot pointLabels how to format number up to 2 decimal

3 Answers3