簡體   English   中英

jqplot pointLabels如何格式化最多2位小數

[英]jqplot pointLabels how to format number up to 2 decimal

我正在使用jqplot顯示圖形。

以下是代碼:

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 },
                        });

在此處輸入圖片說明 如您所見,點標簽顯示許多小數點(9189.539999999999)。 我需要將標簽顯示為“ $ 91890.54”。 我已經嘗試在pointLabels中將formatString選項設置為'$%#。2',但是它不起作用。

任何幫助是極大的贊賞。 謝謝。

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

四舍五入到JavaScript中的小數點后2位

Math.round(num * 100) / 100

Source

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

應該滿足您的確切需求

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM