How to localize Syncfusion jQuery ReportViewer?

export class AppComponent {
 
    public serviceUrl: string;
    public reportPath: string;
    public serverUrl: string;
    public parameters: any;
    public actionbuttons: any;
    public locale: string;
    public index: number;
 
    culture: Array<Object> = [];
    fieldsvalues: Object;
    Select(args) {
        var reportObject = $("#reportViewer_Control").data("ejReportViewer");
        reportObject.setModel({ locale: args.value });
    }
 
    constructor() {
        this.culture = [
            { value: 'en-US', parentId: 'a', text: "en-US" },
            { value: 'ja-JP', parentId: 'a', text: "ja-JP" }
        ];
 
        this.fieldsvalues = { text: "text", value: "value" };
        this.index = 1;
        this.serviceUrl = 'http://localhost:53800/Home';
        this.reportPath = 'GroupingAgg.rdl';
 
        ej.ReportViewer.Locale["ja-JP"] = {
            toolbar: {
                print: {
                    headerText: '印刷',
                    contentText: '印刷'
                },
                exportformat: {
                    headerText: '輸出',
                    contentText: 'エクスポートされたファイル形式を選択します。',
                    Pdf: 'PDF',
                    Excel: 'エクセル',
                    Word: '単語',
                    Html: 'Html',
                    CSV: 'CSV',
                    PPT: 'PPT'
                },
                first: {
                    headerText: '最初の',
                    contentText: 'レポートの最初のページに移動します。'
                },
                previous: {
                    headerText: '前の',
                    contentText: 'レポートの前のページに移動します。'
                },
                next: {
                    headerText: '次の',
                    contentText: 'レポートの次のページに移動します。'
                },
                last: {
                    headerText: '最後の',
                    contentText: 'レポートの最後のページに移動します。'
                },
                documentMap: {
                    headerText: 'ドキュメントマップ',
                    contentText: '表示または見出しマップを非表示にする。'
                },
                parameter: {
                    headerText: 'パラメーター',
                    contentText: '表示またはパラメータペインを非表示にします。'
                },
                zoomIn: {
                    headerText: 'ズーム•イン',
                    contentText: 'レポートに拡大します。'
                },
                zoomOut: {
                    headerText: 'ズームアウト',
                    contentText: 'レポートのズームアウト。'
                },
                refresh: {
                    headerText: 'リフレッシュ',
                    contentText: 'レポートを更新します。'
                },
                printLayout: {
                    headerText: 'プレビュー',
                    contentText: '印刷レイアウトモードと通常モードとの間で変更します。'
                },
                pageIndex: {
                    headerText: 'ページ番号',
                    contentText: '現在のページ番号が表示されます。'
                },
                zoom: {
                    headerText: 'ズーム',
                    contentText: 'レポート上のズームインまたはズームアウト。'
                },
                back: {
                    headerText: 'バック',
                    contentText: 'バック親レポートに戻ります。'
                },
                fittopage: {
                    headerText: 'ページに合わせる',
                    contentText: 'コンテナにレポートページを取り付けます。',
                    pageWidth: 'ページ幅',
                    pageHeight: 'ページ全体'
                },
                pagesetup: {
                    headerText: 'ページ設定',
                    contentText: '用紙サイズ、向きや余白を変更するには、ページ設定オプションを選択します。'
                }
            },
            credential: {
                userName: 'ユーザー名',
                password: 'パスワード'
            },
            waterMark: {
                selectOption: '選択肢を選択',
                selectValue: '値を選択'
            },
            selectAll: 'すべて選択',
            viewButton: 'レポートの表示。'
        };
    }
}