1. Ira Kaplan Pittsburgh User Forum October 18, 2012 WebFOCUS 8 Charting

3. Documentation Chapter 7: Creating and Customizing Charts (113 of 366 pages) Properties and Methods for customizing charts (1382 pages) HTML5 Charts (160 pages)

4. Documentation: Audience Chapter 7: Creating and Customizing Charts (113 of 366 pages) Properties and Methods for customizing charts (1382 pages) HTML5 Charts (160 pages) User Developer

5. http://ecl.informationbuilders.com/wf/index.jsp

6. WebFOCUS Graphics

7. InfoAssist

8. WebFOCUS 8 Chart Customization Manual to be released

9. WebFOCUS 8 InfoAssist

10. Gradients and Transparency

11. Right click on red bar, context menu opens

13. Gradient and Transparency: Red and Blue Risers

14. Themes

15. Select Theme: ENria Dark Ocean Rounded

16. Select Output Type: HTML5

17. Results Mouse over: yellow highlight Mouse over: yellow highlight

18. Where Does the Magic Happen? In the included style sheet: ON GRAPH SET STYLE * INCLUDE= IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/combine_templates/ENria_dark_ocean_rounded_theme.sty,$ TYPE=REPORT, TITLETEXT=&WF_TITLE.QUOTEDSTRING, $ ENDSTYLE C:\ibi\WebFOCUS80\ibi_html\javaassist\intl\EN\combine_templates\ ENria_dark_ocean_rounded_theme.sty *GRAPH_JS "mouseOverIndicator": { "enabled": true, "color": "yellow", "marker":{"size": 0} }, "introAnimation": { "enabled": true, "duration": 1400 }, "riserBevel":"bevel" *END

19. Resizable

20. Active Reports

21. Output Type: Active Report Next step

22. Active Reports: Pie and Line Charts

23. Catalogue is Theme aware

24. Moonbeam, HTML5, and JSCHART

25. New Style Section: *GRAPH_JS JSON: JavaScript Object Notation

26. riserBevel: ‘cylinder’,

27. Demonstration

28. Demonstrate in Portal Summit 2012 WebFOCUS 8 Charting Lab IK -- IA Gradient Exercise Step 2 v01(IA: gradient and transparency, HTML5 resize) Car -- Chart with Theme and PNG format v01(Run: flat appearance) Car -- Chart with Theme and HTML5 format v01(Run: raised appearance) summit_2012_simple_html5_hand_fex_example(Run/Edit: highlight, bevel, animation) Summit 2012 booth_3d(Run: rotate) booth_gauge1(Run/Edit: show code – browser zoom) booth_line1(Run/Edit: change marker size, animation speed) ia_pie(Run: resize) summit_2012_small_multiple_usa_map(Run: edit) summit_2012_small_multiple_usa_tagcloud(Run: edit) summit_2012_small_width_bar__edited(Run: edit, GRWIDTH) Which bullet chart, matrix, add heatmap?