WebFOCUS 8 Charting
description
Transcript of WebFOCUS 8 Charting
![Page 1: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/1.jpg)
Ira Kaplan
New England User Forum
November 16, 2012
WebFOCUS 8 Charting
![Page 2: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/2.jpg)
![Page 3: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/3.jpg)
Documentation
Chapter 7: Creating and Customizing Charts(113 of 366 pages)
Properties and Methods for customizing charts
(1382 pages) HTML5 Charts(160 pages)
![Page 4: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/4.jpg)
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
Developer
![Page 5: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/5.jpg)
http://ecl.informationbuilders.com/wf/index.jsp
![Page 6: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/6.jpg)
WebFOCUS Graphics
![Page 7: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/7.jpg)
InfoAssist
![Page 8: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/8.jpg)
WebFOCUS 8 Chart Customization
Manual to be released
![Page 9: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/9.jpg)
WebFOCUS 8 InfoAssist
![Page 10: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/10.jpg)
Gradients and Transparency
![Page 11: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/11.jpg)
Gradients and Transparency
Right click on red bar, context menu opens
![Page 12: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/12.jpg)
![Page 13: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/13.jpg)
Gradient and Transparency: Red and Blue Risers
![Page 14: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/14.jpg)
Themes
![Page 15: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/15.jpg)
Select Theme: ENria Dark Ocean Rounded
![Page 16: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/16.jpg)
Select Output Type: HTML5
![Page 17: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/17.jpg)
Results
Mouse over: yellow highlight
![Page 18: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/18.jpg)
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
![Page 19: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/19.jpg)
Resizable
![Page 20: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/20.jpg)
Active Reports
![Page 21: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/21.jpg)
Output Type: Active Report
Next step
![Page 22: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/22.jpg)
Active Reports: Pie and Line Charts
![Page 23: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/23.jpg)
Catalogue is Theme aware
![Page 24: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/24.jpg)
Moonbeam, HTML5, and JSCHART
![Page 25: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/25.jpg)
New Style Section: *GRAPH_JS
JSON: JavaScript Object Notation
![Page 26: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/26.jpg)
riserBevel: ‘cylinder’,
![Page 27: WebFOCUS 8 Charting](https://reader035.fdocuments.in/reader035/viewer/2022081419/568160af550346895dcfd0fc/html5/thumbnails/27.jpg)
Demonstration