首页 > 解决方案 > 使用 ngx-echarts 注册和使用新的语言环境

问题描述

我有一个带有 ngx-echarts 5.2.2 的 Angular 9 应用程序,但我无法将图表翻译成法语。我在我的模块文件中执行以下操作:

import langFR from 'echarts/i18n/langFR';

echarts.registerLocale('FR', langFR);

@NgModule({
  declarations: [],
  imports: [
    NgxEchartsModule.forRoot({ echarts }),
  ],
  exports: [],
 })
export class MyModule {}

然后,我有一个组件,我在其中添加初始选项,以便使用新注册的语言。我在图表构建之前对其进行了初始化,所以这应该不是问题。

  initOpts = {
     locale: 'FR',
  };
  <div
    *ngIf="nativeSettings"
    style="height: 400px"
    echarts
    [initOpts]="initOpts"
    [options]="nativeSettings"
  ></div>

我实际上可以将语言更改为一种预先注册的语言(如 ZH),但我无法加载新语言。我还检查了langFR有我需要的翻译。

我认为关于此的文档很少,而且我没有想法。任何帮助,将不胜感激。

标签: javascriptangularapache-echartsngx-echarts

解决方案


推荐阅读