How to change font family of all ApexCharts in Vue.js project?

Question

I am using vue-apexcharts in my vuejs project. I have around 15 pages where I am using charts and I want to change the font family everywhere. How to achieve this generically? Is there any general approach to change the fonts all together?

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

This is the example where it's written how to change it in a specific way.

Oscar Schafer · Accepted Answer · 2020-06-16 20:34:07Z

4

You can set global options just after you've imported and registered vue-apexcharts.

import VueApexCharts from "vue-apexcharts";

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

This will then be applied to all charts.

Of course, remember that you'll also need to make sure that the font is globally available in your Vue project by for example importing it.

answered Jun 16, 2020 at 20:34

Oscar Schafer

1,6251 gold badge18 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change font family of all ApexCharts in Vue.js project?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related