Copyright © 2014, Oracle and/or its affiliates. All rights ...
Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its...
-
Upload
truongdang -
Category
Documents
-
view
214 -
download
0
Transcript of Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its...
![Page 1: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/1.jpg)
![Page 2: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/2.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Chart Your Way to Success with Oracle JET Charts in APEX 18
Hilary Farrell Consulting Member of Technical Staff Oracle Application Express, Database Division
November 20, 2018
![Page 3: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/3.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Safe Harbor Statement
The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle’s products remains at the sole discretion of Oracle.
![Page 4: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/4.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Hilary Farrell
• Consulting Member of Technical Staff
• Based in Dublin, Ireland
• Joined Oracle in 1998
• Joined APEX Team in 2006
• Work includes Charts Integration, Modal Dialogs, RESTful Services integration with ORDS, Create Wizards, Packaged App Installations, Forms Conversion utilities; Release Management responsibilities; Hudson Build
• Hilary Farrell-Oracle on OTN Forum
Oracle Application Express
![Page 5: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/5.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Agenda
Oracle JET Charts
What’s New in APEX 18
Declarative Support
Customisations using JET APIs
1
2
3
4
![Page 6: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/6.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Oracle JET Charts
![Page 7: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/7.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Oracle JET Charts
• Based on Oracle JavaScript Extension Toolkit (JET) Data Visualization Components
• JavaScript-based solution
• Highly Customizable
• Built-in Accessibility Support
• Built-in Responsive Design Support
• Wide Range of Chart Types
Brief Intro
![Page 8: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/8.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Oracle JET Charts in APEX
• New Chart Types
– Funnel, Area, Polar, Line with Area, Radar
• Chart Source Definition Simplified – e.g. select * from EMP
• Chart Editing via Page Designer only
• Colour palette integrated with Universal Theme
• No more 32k restriction
• Built-in Document Direction Support – RTL
• Upgrade from AnyChart to JET
• Interactive Grid Charts
• Enhanced Sample Charts application
JET 2.0.2 in APEX 5.1
![Page 9: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/9.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
What’s New in APEX 18
![Page 10: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/10.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
What’s New in 18
• Upgraded jQuery & jQuery UI Libraries
– jQuery 3.1.1 and jQuery UI 1.12.0
– Review jQuery Upgrade Guide
• New Oracle JET libraries
– JET 4.2.0
– Impact on custom JavaScript & plug-ins
– New Common bundle jetCommonBundle.min.js • Use the [require jet] prefix
Upgraded 3rd Party Libraries
![Page 11: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/11.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
What’s New in 18
• New Data Source Location Options
– Local Database
– Remote Database
– Web Source
• Database Source Type ( local or remote)
– Table / View
– SQL Query
– PL/SQL Function Body returning SQL Query
REST Enabled SQL & REST Service Consumption
![Page 12: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/12.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
What’s New in 18
• New Gantt Charts
– Based on JET ojGantt component
– JavaScript-based
– Responsive, themable, WAI-ARIA compliant
• New Chart Types – Pyramid, Box Plot
• New Interactive Report & Websheet Charts
• Enhanced Sample Charts application
New Chart Types
![Page 13: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/13.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Declarative Support
![Page 14: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/14.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Declarative Chart Support
• Time Axis Type
• Hide & Show Behaviour
• Zoom & Scroll
– Initial Zooming
– Overview
• Fill Gaps in Chart Data
– Sort Order
Chart Level
![Page 15: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/15.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Declarative Chart Support
• Type
• Assigned To Y2 Axis
• Colour
• Aggregation
• Label Display As option
Series Level
![Page 16: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/16.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Declarative Chart Support
• Format Type
– New Currency handling based on NLS setting
• Dual Y Axes
Axes Level
![Page 17: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/17.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Demo
![Page 18: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/18.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Customisations using JET APIs
![Page 19: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/19.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Customisations using JET APIs
• Check JET Version
– Ensure you use the associated ojChart API guide
• Dynamic Actions
• JavaScript Code chart attribute
• New JET components
ojChart API
![Page 20: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/20.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Demo
![Page 21: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/21.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Additional Resources
APEX 18.2 Sample Charts App - https://apex.oracle.com/charts/
My Sample App - https://apex.oracle.com/pls/otn/f?p=SAMPLE_CHARTS
OTN Forum - https://community.oracle.com/community/groundbreakers/database/developer-tools/application_express
APEX
endDate,
![Page 22: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/22.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
Additional Resources
Oracle JET - http://oraclejet.org/
JET 4.2.0 ojChart API - https://docs.oracle.com/en/middleware/jet/4.2.0/reference-api/oj.ojChart.html
JET 4.2.0 CookBook - https://www.oracle.com/webfolder/technetwork/jet-420/jetCookbook.html
JET OTN Forum - https://community.oracle.com/community/groundbreakers/development_tools/oracle-jet
JET
![Page 23: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/23.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
![Page 24: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/24.jpg)
Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |
![Page 25: Chart Your Way to Success with Oracle JET Charts in APEX 18 fileCopyright © 2018, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The following is intended](https://reader033.fdocuments.net/reader033/viewer/2022050715/5d67aa3388c9935c0c8b6d04/html5/thumbnails/25.jpg)