Как установить глобальные параметры с помощью диаграммы JS?

Скажем, я хочу, чтобы некоторые параметры были глобальными для всех диаграмм Apex. Для цветов это можно сделать с помощью:

Apex.colors = ['#F44336', '#E91E63', '#9C27B0'];

А что, если я хочу, чтобы все диаграммы были 300px высокими. Я пытаюсь:

Apex.chart.height = 300;
Apex.chart.width = '100%';

Поскольку width и height находятся под chart в соответствии с их документами: https://apexcharts.com/docs/options/chart/height/.

Однако это не имеет никакого эффекта. Любые идеи?


javascript apexcharts
person sdvnksv    schedule 31.12.2019    source источник
comment
Не обращайте внимания на это, я нашел решение Apex.chart = { ... }.   -  person sdvnksv    schedule 31.12.2019
comment
Было бы здорово, если бы вы могли опубликовать свое полное решение в качестве ответа. :) Вам разрешено отвечать на свои вопросы здесь, на SO. Это поможет будущим пользователям.   -  person Jeremy J Starcher    schedule 31.12.2019

Ответы (1)


arrow_upward
0
arrow_downward

Вы уже нашли ответ, но если вы ищете полное решение, вот как вы устанавливаете глобальные параметры для свойства options.chart, которое применяется ко всем диаграммам на этой странице.

Apex = {
  chart: {
    background: '#fefefe',
    height: 400,
    foreColor: '#333'
  }
}

Обратите внимание, что переменная Apex является глобальной переменной, эквивалентной window.Apex и доступной везде.

person junedchhipa    schedule 31.12.2019
comment
Window.Apex не имеет данных при использовании ng-apexcharts. Пожалуйста помоги! - person Manjunath; 29.12.2020