The latest articles on DEV Community by smgmaldonado (@smgmaldonado). https://dev.to/smgmaldonado https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F18480%2Fa19813bc-2e90-460d-b283-b64ed0571678.png https://dev.to/smgmaldonado en smgmaldonado Tue, 09 May 2017 01:44:53 +0000 https://dev.to/smgmaldonado/oracle-jet-charts https://dev.to/smgmaldonado/oracle-jet-charts <h3>What is Oracle JET?</h3> <p>Oracle JET as its abbreviation: Javascript Extension Toolkit, is a collection of open source js libraries to build apps that consume and interact with Oracle. </p> <p>In this case, Apex 5.1 use the components for data visualization of Oracle JET to power their chats. Oracle JET charts are fast, customizable and versatile.</p> <h4>Features</h4> <ul> <li>Slick</li> <li>Responsive</li> <li>Data format aware</li> <li>Flexibility</li> </ul> <h3>Upgrade AnyChart to Oracle Jet (if Apex 5.0)</h3> <h4>Upgrade Charts</h4> <ul> <li>Go to Utilities</li> <li>Go to Upgrade Application</li> <li>Select Upgrade AnyChart Charts to Oracle JET Charts</li> <li>Choose Upgrade AnyChart Charts to Oracle JET Charts</li> <li>Press Upgrade</li> </ul> <h3>Getting Started</h3> <h4>Chart Selection</h4> <ul> <li>SelectChart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fbqsjvtnppg7c0wkb6rju.png"> <li>Move to Attributes</li> <li>Select Chart Type</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fqylze8h7vjl2bq9toth5.png"> </ul> <h4>Chart Types</h4> <ul> <li>Area Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F4t9vazdvi4t3fh8yft4d.PNG"> <li>Bar Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fc08zr4z2420edhlp0uxg.PNG"> <li>Bubble Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fndw8wz3mwslog7ab9lec.PNG"> <li>Combination Chart</li> <img> <li>Dial Gauge Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fmw05my2djccqxkabzy0j.PNG"> <li>Donut Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fxsqqsj4bc6tshop3do2t.PNG"> <li>Funnel Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fo54nfa9qo9tnm9x37r2k.PNG"> <li>Line Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fuq2kr86cwdkgwt84sj4c.PNG"> <li>Line with Area Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Ffnhaeykq95w87cw6vbdm.PNG"> <li>Pie Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fab69vw4nv6nfzrru9ckf.PNG"> <li>Polar Chart</li> <img> <li>Range Chart</li> <img> <li>Radar Chart</li> <img> <li>Scatter Chart</li> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fxnwu16exideau7gmp7sp.PNG"> <li>Stock Chart</li> <img> </ul> <h3>Cybergraphy</h3> <ul> <li><a>https://docs.oracle.com/database/apex-5.1/HTMRN/toc.htm#HTMRN-GUID-1FC800CD-6CBF-450C-AA9C-3ED81B87F54D</a></li> </ul> oracle jet apex chart smgmaldonado Mon, 08 May 2017 13:39:05 +0000 https://dev.to/smgmaldonado/hi-im-stephanie https://dev.to/smgmaldonado/hi-im-stephanie <p>I have been coding for 6 years.</p> <p>You can find me on GitHub as <a href="https://github.com/smgmaldonado" rel="noopener noreferrer">smgmaldonado</a></p> <p>I live in Guatemala.</p> <p>I work for Viscosity NA</p> <p>I am currently learning more about Apex new features.</p> <p>Nice to meet you.</p> introduction