условное форматирование диаграммы oracle apex 18.2 - PullRequest
Новая
       7

условное форматирование диаграммы oracle apex 18.2

0 голосов
/ 21 ноября 2018

Поскольку я совершенно новичок в технологиях Oracle Apex, я разрабатываю простое приложение для построения диаграмм, в котором я построил простую линейчатую диаграмму в Apex 18.2, и я хочу внести некоторые условные изменения в диаграмму на основе извлечения данных из базы данных,я не нашел ни одного окна выражения HTML для ввода пользовательского выражения HTML, мне нужны предложения или несколько хороших примеров для настройки поведения диаграммы с помощью сценария CSS или Java, я выполнил поиск в Google, но не нашел никакого полезного материала для apex 18.2как и все примеры для некоторых более старых версий.

1 Ответ

0 голосов
/ 23 ноября 2018

Графики в APEX 18.2 основаны на движке Oracle JET.Если вы собираетесь тратить больше времени на разработку графиков, я советую вам проверить этот инструментарий и узнать, как он работает.(https://www.oracle.com/webfolder/technetwork/jet/globalGetStarted.html)

Если вам просто нужны быстрые предложения по настройке поведения диаграммы, то: -установите статический идентификатор для вашей диаграммы в конструкторе приложений. Это должен быть статический идентификатор всей области диаграммы, а не только отдельной серии. -в приложении используйте инструменты разработчика, чтобы выяснить, как работает виджет диаграммы. В консоли вы можете легко поймать виджет с помощью селектора jQuery $ ("# yourStaticID_jet"). "_jet" имеет решающее значение. В этом объекте jQuery вы можете использовать методojChart () для взаимодействия с виджетом диаграммы.

Все доступные опции для метода ojChart описаны здесь: https://docs.oracle.com/cd/E87657_01/jet/reference-jet/oj.ojChart.html

В начале вы можете попробовать: 

$("#yourStaticID_jet").ojChart("option");

что должно возвращать объект со всеми текущими параметрами виджета. Многие из них позволяют вам влиять на работу вашей диаграммы. Некоторые из них невозможно установить из конструктора приложений.

Когда вы решаете что-то динамически изменить, выМожно создать динамическое действие (например, для какой-то кнопки) и выбрать тип действия «Выполнить код JavaScript». Хороший примербудет включать свойство стека вашего графика: 

 $("#yourStaticID_jet").ojChart({stack: 'on'});

Существует также способ инициализации вашего графика с некоторыми опциями.Для этого перейдите в раздел «Атрибут» диаграммы и прокрутите вниз до «Расширенного» кода инициализации JavaScript.Текст справки для этого раздела предоставит вам пример кода.

...