Setting the language/locale

[leonarddevries]

Setting the language/locale

[FERNman]

Hi @leonarddevries ,

Great to hear you like the project! In general, you can set the language part just by setting the Local_ID in Angular. It uses this one for the Charts locale. That's a missing part in the Readme at least.
I am, however, not entirely sure if that's a good solution because it could be that the GoogleCharts package uses different language tags than GoogleCharts.

If you could try it out and verify if it's working (or not), that would be great!

[leonarddevries]

Hi @FERNman, Thanks for your response. And yes I can confirm setting the LOCALE_ID works! 😄 For anyone else trying to set the locale, these are the necessary changes to your app.module.ts file:

import {LOCALE_ID, NgModule} from '@angular/core';
import localeNl from '@angular/common/locales/nl';
import {registerLocaleData} from '@angular/common';
registerLocaleData(localeNl, 'nl-NL');

@NgModule({
  ...
  providers: [{provide: LOCALE_ID, useValue: 'nl-NL'}],
  ...
})

Very nice this library uses the builtin way of setting the locale 👍

[guibleme]

Hello, @FERNman, I'm trying to use the 'pt' locale and no matter what I do, it doesn't seem to work. The rest of my system fully understand the locale_id, besides this component. Is there any particular thing I should do?

[FERNman]

Hey @guibleme,

Probably the underlying GoogleCharts library doesn't know this locale. However, I'm currently not able to check this. If this is the problem, I really don't know if there's anything we can do about it.

[petrusgomes]

Hi @guibleme ,
I was able to use the 'pt' locale only with GoogleChartsModule.forRoot().
Just importing the module didn't work for me.

import {LOCALE_ID, NgModule} from '@angular/core';
import { registerLocaleData } from '@angular/common';
import localePt from '@angular/common/locales/pt';
registerLocaleData(localePt, 'pt');

@NgModule({
    imports: [
        GoogleChartsModule.forRoot()
    ],
    providers: [
        {provide: LOCALE_ID, useValue: 'pt'}
    ]
})

[RootsMJ]

Hello,
I'm having an issue with setting the locale to Swedish ('sv').
This is my code:

import {LOCALE_ID, NgModule} from '@angular/core';
import { registerLocaleData } from '@angular/common';
import localeSv from '@angular/common/locales/sv';
registerLocaleData(localeSv, 'sv');

@NgModule({
    imports: [
        GoogleChartsModule.forRoot()
    ],
    providers: [
        {provide: LOCALE_ID, useValue: 'sv'}
    ]
})

I get an error requesting the resource from gstatic.com:

https://www.gstatic.com/charts/46.2/i18n/jsapi_compiled_i18n_Gantt_module__sv.js net::ERR_ABORTED 404

Is this due to issues with the underlying Google charts or is there something I can do to solve this?