Ira Kaplan

New Jersey User Forum

November 29, 2012

WebFOCUS 8 Charting

Ira Kaplan

New Jersey Springsteen User Forum

November 29, 2012

WebFOCUS 8 Charting

I have proposed to the state legislature that New Jersey be renamed New Springsteen.

The economic benefits are obvious.

Documentation

Chapter 7: Creating and Customizing Charts(113 of 366 pages)

Properties and Methods for customizing charts

(1382 pages) HTML5 Charts(160 pages)

User

Developer

Developer

WebFOCUS InfoAssist User’s Manual

Chapter 7: Creating and Customizing Charts(113 of 366 pages)

User

WebFOCUS Graphics

Properties and Methods for customizing charts

(1382 pages)

Developer

JavaScript Charting Engine API Guide

HTML5 Charts(160 pages)

Developer

http://documentation.informationbuilders.com

http://documentation.informationbuilders.com

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

WebFOCUS Graphics

InfoAssist

WebFOCUS 8 Chart Customization

Manual to be released

WebFOCUS 8 InfoAssist

From the Summit Hands On Lab

Colorful Objects Capture Our Attention

Colorful Objects Capture Our Attention

Gradients and Transparency

Gradients and Transparency

Right click on red bar, context menu opens

Gradient and Transparency: Red and Blue Risers

Themes

Select Theme: ENria Dark Ocean Rounded

Select Output Type: HTML5

Results

Mouse over: yellow highlight

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

Resizable

Active Reports

Output Type: Active Report

Next step

Active Reports: Pie and Line Charts

Catalogue is Theme aware

Moonbeam, HTML5, and JSCHART

New Style Section: *GRAPH_JS

JSON: JavaScript Object Notation

riserBevel: ‘cylinder’,

Demonstration