Как изменить семейство шрифтов всех ApexCharts в проекте Vue. js?

Question

Я использую vue-apexcharts в моем проекте vuejs. У меня около 15 страниц, на которых я использую диаграммы, и я хочу везде менять семейство шрифтов. Как добиться этого в целом? Есть ли какой-либо общий подход к изменению шрифтов вместе?

https://apexcharts.com/docs/options/chart/fontfamily/

Это пример, где написано, как это изменить специфическим c способом.

Answer 1

Вы можете установить глобальные параметры сразу после того, как вы импортировали и зарегистрировали vue-apexcharts.

import VueApexCharts from "vue-apexcharts";

Vue.use(VueApexCharts);
window.Apex.chart = { fontFamily: "MuseoModerno, Arial, sans-serif" };

Затем это будет применено ко всем диаграммам.

Конечно, помните, что вам также необходимо убедиться, что шрифт глобально доступен в вашем проекте Vue, например, импортировав его .