- 首先,在项目中安装
@types/apexcharts
类型声明文件。
npm install @types/apexcharts
- 然后,在需要本地化的地方引入语言包,并在配置对象中指定语言选项。
import ApexCharts from "apexcharts";
import ApexLanguage from "apexcharts/dist/locale/zh-cn.json";
const chartConfig = {
series: [44, 55, 41, 17, 15],
chart: {
type: "donut",
},
labels: ["Apples", "Oranges", "Kiwi", "Cherry", "Pineapple"],
language: ApexLanguage, // 指定语言包
};
const chart = new ApexCharts(document.querySelector("#chart"), chartConfig);
chart.render();
- 如果需要动态修改语言,在创建实例后可以调用
updateOptions()
方法并覆盖language
选项。
const newOptions = {
language: ApexLanguage,
};
chart.updateOptions(newOptions);