280 likes | 397 Vues
This documentation provides an in-depth look at creating and customizing charts in WebFOCUS 8. It covers properties and methods for tailoring visualizations, including HTML5 charts and the various options for gradients, transparency, and thematic styles. The guide is designed for users and developers, offering practical examples and instruction on utilizing stylesheets and animation settings. Whether you're looking to implement active reports or customized graph styles, this resource is essential for enhancing your data visualization capabilities.
E N D
WebFOCUS 8 Charting MD User Forum November 2, 2012 Ira Kaplan
Documentation Chapter 7: Creating and Customizing Charts (113 of 366 pages) Properties and Methods for customizing charts (1382 pages) HTML5 Charts (160 pages)
Documentation: Audience User Developer Developer Chapter 7: Creating and Customizing Charts (113 of 366 pages) Properties and Methods for customizing charts (1382 pages) HTML5 Charts (160 pages)
WebFOCUS 8 Chart Customization Manual to be released
Gradients and Transparency Right click on red bar, context menu opens
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
Output Type: Active Report Next step
New Style Section: *GRAPH_JS JSON: JavaScript Object Notation
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?