Focal Point Banner
Community Center Education Summit Technical Support User Groups
Let's Get Social!

Facebook Twitter LinkedIn
Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SHARING] WF8201 New D3 Visualizations - Data Tables now part of 8201
Go
New
Search
Notify
Tools
Reply
  
[SHARING] WF8201 New D3 Visualizations - Data Tables now part of 8201
 Login/Join
 
Silver Member
posted
The following are the new D3.js visualizations being added to 8201 as WF Extensions.

Surprised to see Data Tables in the list.

Arc
Calendar
Cartogram
Chord
Cluster
Datatables
liquid Gauge
Org chart
Sankey
Sunburst
Timeline


https://github.com/ibi/wf-extensions-chart

It would be interesting to see whether IBI can create a market place for these plugins where any user can create his own d3 visualizations as a extension and share with the community.

This message has been edited. Last edited by: Chuck Wolff,


Tharun Katanguru
Dev : WF 8105,
TEST/PROD : WF 8009
Windows 10, Excel 2K, 07, PDF, HTML
 
Posts: 35 | Location: BOWL OF PASTA | Registered: October 13, 2016Reply With QuoteReport This Post
Expert
posted Hide Post
That is very interesting.

We are using datatables here with some reports.

I wonder if its all of it or just a component.


Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.01OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Know The Code
 
Posts: 5646 | Location: Land of the Darug people, Terra Australis Incognita | Registered: October 31, 2006Reply With QuoteReport This Post
Guru
posted Hide Post
Hi Tomatosauce

The beauty about D3 is that even though there are some provided as you have documented but you can add any D3 chart to use. You are not limited to the ones provided. Below is a helpful link that explains how to add your own.

https://github.com/ibi/wf-extensions-chart/wiki


Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats
 
Posts: 492 | Location: Customer Support | Registered: April 12, 2005Reply With QuoteReport This Post
Guru
posted Hide Post
In additon Focal Point is the perfect place to advertise D3 charts you have enabled


Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats
 
Posts: 492 | Location: Customer Support | Registered: April 12, 2005Reply With QuoteReport This Post
Master
posted Hide Post
Happy day!

Great to see DataTables.js being used by so many now, and that IBI is officially supporting it as an extension that will be compatible with WebFOCUS moving forward.

A royal Git'R Done!! is deserved! Pass the bubbly! ;-)

Thanks for letting us all know tomatosauce!


8.2.01M, Windows 10, all outputs.
 
Posts: 859 | Location: USA | Registered: January 27, 2015Reply With QuoteReport This Post
Platinum Member
posted Hide Post
Hi,

can we use D3.js Extension in WF81 series?


WebFocus 7.7.02,7.7.03,8.0,8103,8105
Excel/PDF/HTML/HTMLTABLE/XML/ALPHA/GIF file/GRAPH/Active technologies
 
Posts: 157 | Location: INDIA | Registered: July 11, 2013Reply With QuoteReport This Post
Silver Member
posted Hide Post
quote:
Originally posted by Neelima:
Hi,

can we use D3.js Extension in WF81 series?


No Neelima, These extensions are currently limited to WF8200 and Above


Tharun Katanguru
Dev : WF 8105,
TEST/PROD : WF 8009
Windows 10, Excel 2K, 07, PDF, HTML
 
Posts: 35 | Location: BOWL OF PASTA | Registered: October 13, 2016Reply With QuoteReport This Post
Silver Member
posted Hide Post
Are they all working for you folks? Some of them aren't working for me. DataTables for example throws up errors even if I'm not using it (I've enabled via the JSON file, but that's all).


WebFOCUS 8201, SP 0.1, Windows 7, HTML
 
Posts: 41 | Registered: May 19, 2017Reply With QuoteReport This Post
Master
posted Hide Post
What kind of error does it throw? What GEN are you running?

I have this working.
-*Do not delete or modify the comments above
ENGINE INT CACHE SET ON


-DEFAULTH &WF_STYLE_UNITS='PIXELS';
-DEFAULTH &WF_STYLE_HEIGHT='405.0';
-DEFAULTH &WF_STYLE_WIDTH='770.0';

-DEFAULTH &WF_TITLE='WebFOCUS Report';
GRAPH FILE ibisamp/car
-* Created by Info Assist for Graph
SUM CAR.BODY.SALES
BY CAR.ORIGIN.COUNTRY
BY CAR.COMP.CAR
BY CAR.CARREC.MODEL
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET ARGRAPHENGIN JSCHART
ON GRAPH SET EMBEDHEADING ON
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, ORIENTATION=LANDSCAPE, $
TYPE=DATA, COLUMN=N1, BUCKET= >row, $
TYPE=DATA, COLUMN=N2, BUCKET= >row, $
TYPE=DATA, COLUMN=N3, BUCKET= >row, $
TYPE=DATA, COLUMN=N4, BUCKET= >measure, $
*GRAPH_SCRIPT

setReportParsingErrors(false);
setSelectionEnableMove(false);
*GRAPH_JS_FINAL
"pieProperties": {
"holeSize": "0%"
},
"chartType": "com.ibi.datatables",
"agnosticSettings": {
"chartTypeFullName": "com.ibi.datatables"
}

*END
ENDSTYLE
END

-RUN




WebFOCUS 8201, Unix, Windows
 
Posts: 758 | Location: New York City | Registered: December 30, 2015Reply With QuoteReport This Post
Silver Member
posted Hide Post
Thanks for the reply... I copied that text into a new procedure and ran it.

The datatable displayed for a split second, and then was immediately replaced with the following text:

ERROR
----------
TypeError: Object doesn't support property or method 'renderComplete'

If I hit F12 in IE11, the console says:

SCRIPT5007: Unable to get property 'style' of undefined or null reference
File: datatables.min.js, Line: 80, Column: 196

Have any of you had to mess around with the JS files to make these work?

I tried removing that stylesheet (commented out that INCLUDE statement), but I still get the same result.

I also tried creating a datatables report using cars.mas, and right after I select datatables I get a script error window in AppStudio:

Line: 370
Char: 3
Error: Object doesn't support property or method 'renderComplete'
Code: 0
URL: http://devibi/ibi_apps/webcons...om.ibi.datatables.js

This message has been edited. Last edited by: Shingles,


WebFOCUS 8201, SP 0.1, Windows 7, HTML
 
Posts: 41 | Registered: May 19, 2017Reply With QuoteReport This Post
Master
posted Hide Post
It seems to work in Chrome but not in IE. I got the same error in IE11.


WebFOCUS 8201, Unix, Windows
 
Posts: 758 | Location: New York City | Registered: December 30, 2015Reply With QuoteReport This Post
Silver Member
posted Hide Post
Oh... Frowner

So how do you folks deal with that? Do your clients/users only use Chrome?


WebFOCUS 8201, SP 0.1, Windows 7, HTML
 
Posts: 41 | Registered: May 19, 2017Reply With QuoteReport This Post
Master
posted Hide Post
I just tested this in Edge and it works. Most shops I've worked with allow Firefox or Chrome. If that's not available, usually Microsoft Edge is on the machine. See if that works and suggest they use Edge instead of IE.


WebFOCUS 8201, Unix, Windows
 
Posts: 758 | Location: New York City | Registered: December 30, 2015Reply With QuoteReport This Post
Silver Member
posted Hide Post
Hmmm... alright... thank you.


WebFOCUS 8201, SP 0.1, Windows 7, HTML
 
Posts: 41 | Registered: May 19, 2017Reply With QuoteReport This Post
Expert
posted Hide Post
I can run it fine within WF 8.2.01M using IE version 11.0.9600.17728.

T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.01M on Windows 10 
   
 
Posts: 5227 | Location: United Kingdom | Registered: April 08, 2004Reply With QuoteReport This Post
Expert
posted Hide Post
Just for information, it is worth returning to GitHub if you experience problems with an extension to see if the issue has been reported and whether a fix is available.

For instance, I was experiencing data duplication on resize of a window when using DataTables. This was fixed in May 2017 and downloading the latest version, clearing the cache using Admin console and also browser cache, fixed the problem.

I would recommend that you make a temporary backup of the extension(s) before overwriting with a new download. Just in case ....

T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.01M on Windows 10 
   
 
Posts: 5227 | Location: United Kingdom | Registered: April 08, 2004Reply With QuoteReport This Post
Master
posted Hide Post
I second Tony A to return to GitHub and investigate via the Issues tab. I add that if there isn't an issue for said found bug, please submit an issue with anything you can give that will make the bug reproducible if possible. I submitted the issue on what Tony found with the resize way back in May, and within the next few days the developer had a fix in place. GIT R DONE!


8.2.01M, Windows 10, all outputs.
 
Posts: 859 | Location: USA | Registered: January 27, 2015Reply With QuoteReport This Post
Silver Member
posted Hide Post
I opened a ticket with the IBI folks.


WebFOCUS 8201, SP 0.1, Windows 7, HTML
 
Posts: 41 | Registered: May 19, 2017Reply With QuoteReport This Post
  Powered by Social Strata  
 

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SHARING] WF8201 New D3 Visualizations - Data Tables now part of 8201

Copyright © 1996-2017 Information Builders, leaders in enterprise business intelligence.