javascript - Definirea și aplicarea temei pe highcharts-react-official

Încerc să actualizez fontul textelor highcharts la nivel global, dar nu am găsit nicăieri în documentație cum să aplic o temă personalizată folosind highcharts-react-official. Există un echivalent pentru Highcharts.theme=style și Highcharts.setOption(Highcharts.theme)?

Răspuns #1

Un temat Highcharts este un set de opțiuni predefinite care sunt aplicate ca opțiuni implicite Highcharts înainte ca fiecare grafic să fie instanțiat. Pachetul highcharts.zip vine cu câteva teme care pot fi aplicate cu ușurință graficului tău doar prin includerea lor: https://www.highcharts.com/docs/chart-design-and-style/themes

Desigur, poți să creezi și propriile tale opțiuni. Schimbarea temei nu este altceva decât apelarea setOptions() cu o opțiune nouă.

Demo live: https://stackblitz.com/edit/highcharts-87w46s?file=Highchart.js

import DarkUnica from 'highcharts/themes/dark-unica';
DarkUnica(ReactHighcharts.Highcharts);

De asemenea, puteți verifica dacă abordarea de stilizare CSS se potrivește acestui caz: https://www.highcharts.com/docs/chart-design-and-style/style-by-css