-*IA_GRAPH_BEGIN -*Do not delete or modify the comments above ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF -DEFAULTH &WF_STYLE_UNITS='PIXELS'; -DEFAULTH &WF_STYLE_HEIGHT='405.0'; -DEFAULTH &WF_STYLE_WIDTH='770.0'; -DEFAULTH &WF_TITLE='WebFOCUS Report'; GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.SALES CAR.BODY.SALES BY CAR.COMP.CAR BY CAR.CARREC.MODEL BY CAR.COMP.CAR BY CAR.ORIGIN.COUNTRY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET UNITS &WF_STYLE_UNITS ON GRAPH SET HAXIS &WF_STYLE_WIDTH ON GRAPH SET VAXIS &WF_STYLE_HEIGHT ON GRAPH SET LOOKGRAPH EXTENSION ON GRAPH SET AUTOFIT ON ON GRAPH SET STYLE * *GRAPH_SCRIPT setPieDepth(0); setPieTilt(0); setDepthRadius(0); setCurveFitEquationDisplay(false); setPlace(true); *END INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, TITLETEXT=&WF_TITLE.QUOTEDSTRING, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET= >labels, $ TYPE=DATA, COLUMN=N2, BUCKET= >labels, $ TYPE=DATA, COLUMN=N3, BUCKET= >color, $ TYPE=DATA, COLUMN=N4, BUCKET= >sort_dim, $ TYPE=DATA, COLUMN=N5, BUCKET= >size, $ TYPE=DATA, COLUMN=N6, BUCKET= >sort_mes, $ *GRAPH_SCRIPT setReportParsingErrors(false); setSelectionEnableMove(false); setPieTilt(0); setPieDepth(0); setDepthRadius(0); setDepthAngle(0); *GRAPH_JS_FINAL "properties": { "circles": { "colors": ["#4087b8","#e31a1c","#9ebcda","#c994c7","#41b6c4","#49006a","#ec7014","#a6bddb","#67001f","#800026","#addd8e","#e0ecf4","#fcc5c0","#238b45","#081d58","#d4b9da","#2b8cbe", "#74a9cf","#41ab5d","#fed976","#ce1256","#7f0000","#a6bddb","#ffffcc","#e7e1ef","#016c59","#f7fcfd","#99d8c9","#fff7fb","#ffffe5"], "labels": { "font" : "12px sans-serif" }, "padding": 3 }, "legend": { "enabled": false, "title": { "font": "14px sans-serif" }, "labels": { "font": "12px sans-serif" } }, "hover": { "stroke": "grey", "stroke-width": 3 }, "toolTip": { "enabled": true } }, "chartType": "com.ibi.pack", "agnosticSettings": { "chartTypeFullName": "com.ibi.pack" } *END ENDSTYLE END -RUN -*IA_GRAPH_FINISH
*GRAPH_JS_FINAL "properties": { "com.ibi.rack":{ "circles": { "colors": ["#4087b8","#e31a1c","#9ebcda","#c994c7","#41b6c4","#49006a","#ec7014","#a6bddb","#67001f","#800026","#addd8e","#e0ecf4","#fcc5c0","#238b45","#081d58","#d4b9da","#2b8cbe", "#74a9cf","#41ab5d","#fed976","#ce1256","#7f0000","#a6bddb","#ffffcc","#e7e1ef","#016c59","#f7fcfd","#99d8c9","#fff7fb","#ffffe5"], "labels": { "font" : "16px sans-serif" }, "padding": 3 }, "legend": { "enabled": false, "title": { "font": "14px sans-serif" }, "labels": { "font": "12px sans-serif" } }, "hover": { "stroke": "grey", "stroke-width": 3 }, "toolTip": { "enabled": true } } },
In FOCUS since 1986 | WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2 | ||
WebFOCUS App Studio 8.2.06 standalone on Windows 10 |
quote:Originally posted by Tony A:
com.ibi.pack is an HTML5 Chart Extension and, as you attempted, uses specific styling properties, which are configured in the properties.json file of the extension.
Your method of utilising them , however, is incorrect. You need to use specific syntax for HTML5 Chart Extensions. So your *GRAPH_JS_FINAL should look like this -*GRAPH_JS_FINAL "properties": { "com.ibi.rack":{ "circles": { "colors": ["#4087b8","#e31a1c","#9ebcda","#c994c7","#41b6c4","#49006a","#ec7014","#a6bddb","#67001f","#800026","#addd8e","#e0ecf4","#fcc5c0","#238b45","#081d58","#d4b9da","#2b8cbe", "#74a9cf","#41ab5d","#fed976","#ce1256","#7f0000","#a6bddb","#ffffcc","#e7e1ef","#016c59","#f7fcfd","#99d8c9","#fff7fb","#ffffe5"], "labels": { "font" : "16px sans-serif" }, "padding": 3 }, "legend": { "enabled": false, "title": { "font": "14px sans-serif" }, "labels": { "font": "12px sans-serif" } }, "hover": { "stroke": "grey", "stroke-width": 3 }, "toolTip": { "enabled": true } } },
There is an issue, I think, within this extension as it appears that the configuration isn't actually used within the scripts!
Time to raise it as an issue on GitHub.
T
In FOCUS since 1986 | WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2 | ||
WebFOCUS App Studio 8.2.06 standalone on Windows 10 |
*GRAPH_JS_FINAL "extensions": { "com.ibi.pack": { "circles": { "colors": ["#4087b8","#e31a1c","#9ebcda","#c994c7","#41b6c4","#49006a","#ec7014","#a6bddb","#67001f","#800026", "#addd8e","#e0ecf4","#fcc5c0","#238b45","#081d58","#d4b9da","#2b8cbe","#74a9cf","#41ab5d","#fed976", "#ce1256","#7f0000","#a6bddb","#ffffcc","#e7e1ef","#016c59","#f7fcfd","#99d8c9","#fff7fb","#ffffe5"], "labels": { "font" : "16px sans-serif" }, "padding": 3 }, "legend": { "enabled": false, "title": { "font": "14px sans-serif" }, "labels": { "font": "12px sans-serif" } }, "hover": { "stroke": "grey", "stroke-width": 3 }, "toolTip": { "enabled": true } } }, "chartType": "com.ibi.pack", "agnosticSettings": { "chartTypeFullName": "com.ibi.pack" } *END
In FOCUS since 1986 | WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2 | ||
WebFOCUS App Studio 8.2.06 standalone on Windows 10 |
quote:Originally posted by Tony A:
I've taken a little time out for this as it should work OK.
Looking at the syntax, I realised that I missed something It should be "extensions" not "properties" - I wrongly assumed you had that bit correct!
Try this -*GRAPH_JS_FINAL "extensions": { "com.ibi.pack": { "circles": { "colors": ["#4087b8","#e31a1c","#9ebcda","#c994c7","#41b6c4","#49006a","#ec7014","#a6bddb","#67001f","#800026", "#addd8e","#e0ecf4","#fcc5c0","#238b45","#081d58","#d4b9da","#2b8cbe","#74a9cf","#41ab5d","#fed976", "#ce1256","#7f0000","#a6bddb","#ffffcc","#e7e1ef","#016c59","#f7fcfd","#99d8c9","#fff7fb","#ffffe5"], "labels": { "font" : "16px sans-serif" }, "padding": 3 }, "legend": { "enabled": false, "title": { "font": "14px sans-serif" }, "labels": { "font": "12px sans-serif" } }, "hover": { "stroke": "grey", "stroke-width": 3 }, "toolTip": { "enabled": true } } }, "chartType": "com.ibi.pack", "agnosticSettings": { "chartTypeFullName": "com.ibi.pack" } *END
T
quote:Originally posted by Tony A:
I've taken a little time out for this as it should work OK.
Looking at the syntax, I realised that I missed something It should be "extensions" not "properties" - I wrongly assumed you had that bit correct!
ENGINE INT CACHE SET ON SET PAGE-NUM=NOLEAD SET HTMLENCODE=ON SET ARGRAPHENGINE=JSCHART SET EMBEDHEADING=ON SET GRAPHDEFAULT=OFF -DEFAULTH &WF_STYLE_UNITS='PIXELS'; -DEFAULTH &WF_STYLE_HEIGHT='405.0'; -DEFAULTH &WF_STYLE_WIDTH='770.0'; -DEFAULTH &WF_TITLE='WebFOCUS Report'; GRAPH FILE car -* Created by Info Assist for Graph SUM CAR.BODY.SALES CAR.BODY.SALES COMPUTE TT_CAR/A16 = FPRINT(MAX.CAR,'A16','A16'); COMPUTE TT_MOD/A24 = FPRINT(MAX.MODEL,'A24','A24'); BY CAR.COMP.CAR BY CAR.CARREC.MODEL BY CAR.COMP.CAR BY CAR.ORIGIN.COUNTRY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET VZERO OFF ON GRAPH SET UNITS &WF_STYLE_UNITS ON GRAPH SET HAXIS &WF_STYLE_WIDTH ON GRAPH SET VAXIS &WF_STYLE_HEIGHT ON GRAPH SET LOOKGRAPH EXTENSION ON GRAPH SET AUTOFIT ON ON GRAPH SET STYLE * *GRAPH_SCRIPT setPieDepth(0); setPieTilt(0); setDepthRadius(0); setCurveFitEquationDisplay(false); setPlace(true); *END INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$ TYPE=REPORT, TITLETEXT=&WF_TITLE.QUOTEDSTRING, PAGESIZE=LEGAL, $ TYPE=DATA, COLUMN=N1, BUCKET= >labels, $ TYPE=DATA, COLUMN=N2, BUCKET= >labels, $ TYPE=DATA, COLUMN=N3, BUCKET= >color, $ TYPE=DATA, COLUMN=N4, BUCKET= >sort_dim, $ TYPE=DATA, COLUMN=N5, BUCKET= >size, $ TYPE=DATA, COLUMN=N6, BUCKET= >sort_mes, $ TYPE=DATA, COLUMN=N7, BUCKET= tooltip, $ TYPE=DATA, COLUMN=N8, BUCKET= tooltip, $ *GRAPH_SCRIPT setReportParsingErrors(false); setSelectionEnableMove(false); setPieTilt(0); setPieDepth(0); setDepthRadius(0); setDepthAngle(0); *GRAPH_JS_FINAL "extensions": { "com.ibi.pack": { "circles": { "colors": ["red","blue","green","black"], "labels": {"font" : "12px sans-serif"}, } } }, "chartType": "com.ibi.pack", "agnosticSettings": { "chartTypeFullName": "com.ibi.pack" }, "series": [ {"series": "reset", "tooltip": '<table><tr><td>Car:</td><td><b>{{tooltip1}}</b></td></tr> <tr><td>Model:</td><td><b>{{tooltip2}}</b></td></tr></table>' } ], "htmlToolTip": { "enabled": true, style: { "background": "white", "font-color": "#4c4c4c", "font-size": "16pt", "font-family": "Arial",} } *END ENDSTYLE END -RUN
quote:with regular WebFOCUS graphs
In FOCUS since 1986 | WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2 | ||
WebFOCUS App Studio 8.2.06 standalone on Windows 10 |