A dashboard can be globalized at run time — switching a language reloads the localization file and sets the report's culture.

In Vue.
<script setup lang="ts">
import { ref } from "vue";
import { Viewer, Stimulsoft } from "stimulsoft-dashboards-js-vuejs/viewer";

const report = ref<Stimulsoft.Report.StiReport>();

function update(culture: string) {
    Stimulsoft.Base.Localization.StiLocalization.setLocalizationFile("Localizations/" + culture.substring(0, 2) + ".xml");

    var r = new Stimulsoft.Report.StiReport();
    r.loadFile("Dashboards/Globalization.mrt");
    r.culture = culture;
    report.value = r;
}
update("en-US");
</script>

<template>
    <select @change="update(($event.target as HTMLSelectElement).value)">
        <option value="en-US">English</option>
        <option value="de-DE">Deutsch</option>
    </select>
    <Viewer :report="report" />
</template>

How it works. Choosing a language reloads the localization and re-cultures the report, so the whole dashboard adapts to the locale.

Используя этот сайт, вы соглашаетесь на использование файлов Cookie для аналитики и персонализированного контента. Файлы Cookie хранят полезную информацию на вашем компьютере, чтобы помочь нам повысить эффективность и удобство использования. Для получения дополнительной информации, пожалуйста, прочтите Конфиденциальность и Использование Cookie.