Numeral-js: question: what would be the simplest way to customize abbreviations?

Created on 10 Mar 2014 · 6Comments · Source: adamwdraper/Numeral-js

for instance, my designer wants a capital 'M' for millions v lowercase 'm',
i see i could overwrite my entire locale spec, but i was hoping for a more terse way,
something like:

numeral.language().override({abbreviations: {million: 'M'}})

or i could use underscore/lodash extend() or default() against the abbreviation object if there was a method to return it, but right now it looks like numeral.language() just returns the string name of the language...

regards,
tony.

Source

tony-kerz

👍2

Most helpful comment

In chinese culture, we don't use thousands as a delimiter, but in 10k, as a '1万'.
Is there any way to make a custom 4 digit per delimiter local config?

wuzhuzhu on 18 Jul 2017

👍2

All 6 comments

You can do

e.language("en", {
            delimiters: {
                thousands: ",",
                decimal: "."
            },
            abbreviations: {
                thousand: "K",
                million: "M",
                billion: "B",
                trillion: "T",
            },
        ordinal: function(e) {
            var t = e % 10;
            return~~ (e % 100 / 10) === 1 ? "th" : t === 1 ? "st" : t === 2 ? "nd" : t === 3 ? "rd" : "th"
        },
        currency: {
            symbol: "$"
        }
    });

wopian on 10 Mar 2014

I came with the same question -- on the numeral home page, I can run numeral.languageData() and get back the object configuring the language. Then I could make my change and away we go -- but it doesn't seem possible with the version on CDN.

In other words, I think we want to be able to tweak the abbreviation without having to tweak anything else. Seems simple but not possible?

cymen on 2 Feb 2015

@cymen you should be able to using the CDN version as it shouldn't be any different then having the JS loaded locally.

You can modify the object that's returned from numeral.languageData() using underscore/lodash to change just the abbreviations or do as @wopian showed to overwrite everything.

_.assign(numeral.languageData('en'), {
    abbreviations: {
        thousand: "K",
        million: "M",
        billion: "B",
        trillion: "T"
    }
});

In my case, I didn't want abbreviations enabled so I null them out:

_.assign(numeral.languageData(), { abbreviations: {} })

flynfish on 3 Nov 2015

👍1

It is currently numeral.localeData('en').

micahlisonbee on 24 Mar 2017

In chinese culture, we don't use thousands as a delimiter, but in 10k, as a '1万'.
Is there any way to make a custom 4 digit per delimiter local config?

wuzhuzhu on 18 Jul 2017

👍2

i disabled abbreviations and currencies by adding following two line after setting up locale for numeral

numeral.localeData().abbreviations = {};
numeral.localeData().currency = {};