Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] IBI style sheet

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] IBI style sheet
 Login/Join
 
Gold member
posted
Has anyone seen this error before? "ERROR
----------
TypeError: Cannot read property 'value' of undefined". It only happened when I try to use IBI stylesheet Enflat.sty.

Thanks

This message has been edited. Last edited by: <Kathryn Henning>,


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
Expert
posted Hide Post
I think this is a javascript error.

The script is trying to get the value from a null object.

Is this a JSCHART ?


Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

 
Posts: 6349 | Location: 33°49'23.0"S, 151°11'41.0"E | Registered: October 31, 2006Report This Post
Gold member
posted Hide Post
Yes. It's a chart and I was trying to run it in portal. I did not write any Javascript though.

Thanks


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
Master
posted Hide Post
at the bottom of the sty file, is there a *GRAPH_JS area? All this is JavaScript. Copy and paste the contents between, *GRAPH_JS and the *END here to the forum. Sounds like it got edited incorrectly.



- FOCUS Man, just FOCUS!
-----------------------------
Product: WebFOCUS
Version: 8.1.04
Server: Windows 2008 Server
 
Posts: 578 | Registered: October 01, 2014Report This Post
Gold member
posted Hide Post
*GRAPH_JS
"pieProperties": {
totalLabel: {
color: '#505050'},
"label": {
"visible": true,
"color": "#666666",
"font": "10pt Arial"
},
"holeSize": "64%"
},
bubbleMarker: {maxSize: '11%' },
"colorScale": {"colors": [
"#ffffcc",
"#a1dab4",
"#41b6c4",
"#2c7fb8",
"#253494"
]},

axisAutoLayout: {
rotate45: false,
rotate90: true,
truncate: true,
stagger: true,
skip: true
},


legend: {
visible: true,
position: 'auto',
markerSize: 6,
markerPosition: 'left',
maxEntries: undefined,
title: {
visible: false,
text: 'Legend Title',
font: '10pt Arial',
color: 'black'
},
labels: {
font: '6pt Arial',
color: 'black'
},
lineStyle: {
width: 0,
color: 'black',
dash: ''
},
backgroundcolor: 'transparent',
shadow: false,
},


htmlToolTip: { enabled: true, snap: false, sticky: true,
fill: 'linear-gradient(to bottom, rgba(250,250,250,0.98) 8%,rgba(230,230,230,0.98) 95%)',
border:{width: 1, color: 'rgba(150,150,150,0.95)'},
style: {
cursor: 'default',
boxShadow: '0px 3px 4px 0px rgba(50, 50, 50, 0.66)',
borderWidth: '1px',
padding: '6px 7px 7px 8px',
"filter": "progidBig GrinXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#D2D2D2',GradientType=0)",
'borderRadius': 0}
},



introAnimation: {
animateOnce: true
},
"riserBevel":"none"


*END

Thanks


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
Master
posted Hide Post
Put [ code ] [ /code ] around it...



- FOCUS Man, just FOCUS!
-----------------------------
Product: WebFOCUS
Version: 8.1.04
Server: Windows 2008 Server
 
Posts: 578 | Registered: October 01, 2014Report This Post
Gold member
posted Hide Post
This might be a silly question. But what do you mean by "Put
/
around it...". Do you need to see the whole style sheet code?

Thanks


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
Gold member
posted Hide Post
This is the whole style sheet code. (Basically from IBI enflat.sty). Other style sheet works no problem. But we do like the clean color of this one.


*TABLE_STYLE
TYPE=REPORT,GRAPHCOLOR='SILVER',GRAPHCOLORNEG='RED',$
-*TYPE=REPORT,OBJECT=MENU,COLOR='rgb(0 0 0)',HOVER-COLOR='rgb(000 000 000)',BACKCOLOR=rgb(192 192 192),HOVER-BACKCOLOR=rgb(116 151 178),BORDER-COLOR=rgb(255 255 255),$
TYPE=REPORT,OBJECT=CURRENT-ROW,HOVER-BACKCOLOR=rgb(116 151 178), BACKCOLOR=rgb(000 064 113),$
TYPE=REPORT, CALC-LOCATION=TOP, $
TYPE=REPORT,OBJECT=STATUS-AREA, JUSTIFY=LEFT, PAGE-LOCATION=BOTTOM BOTTOM,COLOR='rgb(255 255 255)',BACKCOLOR='rgb(205 205 205)',$
TYPE=REPORT, ARICONSET=WHITE, ARSTYLESET=bipib,$
TYPE=REPORT, OBJECT=STATUS-AREA, COLOR=RGB(0 0 0), $
TYPE=REPORT, OBJECT=CALC-AREA, COLOR=RGB(0 0 0), $
LEFTMARGIN=0.1,
RIGHTMARGIN=0.1,
TOPMARGIN=0.1,
BOTTOMMARGIN=0.1,
PAGECOLOR='WHITE',
TYPE=REPORT, OBJECT=STATUS-AREA, COLOR=RGB(0 128 255), BACKCOLOR=RGB(255 255 255), $
$
TYPE=REPORT,
GRID=OFF,
FONT='ARIAL',
SIZE=9,
COLOR=RGB(50 50 50),
STYLE=NORMAL,
RIGHTGAP=0.1,
LEFTGAP=0.1,

LEFTMARGIN=0.2,
RIGHTMARGIN=0.2,
TOPMARGIN=0.2,
BOTTOMMARGIN=0.2,
$
TYPE=REPORT,OBJECT=MENU,WIDTH=160, CONTROLCOLOR=grey,SIZE=9,
COLOR=RGB(#666666),BACKCOLOR=RGB(#F8F8F8),
HOVER-COLOR=RGB(#495263),HOVER-BACKCOLOR=RGB(#DFDFDF),
BORDER=LIGHT,BORDER-COLOR=RGB(#D0D0D0),
$

TYPE=DATA,
BACKCOLOR='NONE',
$
TYPE=DATA,
COLUMN=ROWTOTAL(*),
STYLE=BOLD,
$
TYPE=TITLE,
BORDER-BOTTOM=LIGHT,
BORDER-BOTTOM-COLOR='GRAY',
COLOR=RGB(51 51 51),
BACKCOLOR='NONE',
STYLE=-UNDERLINE+BOLD,
$
TYPE=TABHEADING,
SIZE=11,
$
TYPE=TABFOOTING,
BORDER-TOP=OFF,
BORDER-BOTTOM=OFF,
BORDER-LEFT=OFF,
BORDER-RIGHT=OFF,
BORDER-TOP-COLOR=RGB(52 55 58),
BORDER-BOTTOM-COLOR=RGB(52 55 58),
BORDER-LEFT-COLOR=RGB(52 55 58),
BORDER-RIGHT-COLOR=RGB(52 55 58),
SIZE=10,
$
TYPE=HEADING,
JUSTIFY=LEFT,
FONT='ARIAL',
SIZE=14,
$
TYPE=FOOTING,
SIZE=10,
$
TYPE=SUBHEAD,
BORDER-TOP=OFF,
BORDER-BOTTOM=OFF,
BORDER-LEFT=OFF,
BORDER-RIGHT=OFF,
BORDER-TOP-COLOR=RGB(52 55 58),
BORDER-BOTTOM-COLOR=RGB(52 55 58),
BORDER-LEFT-COLOR=RGB(52 55 58),
BORDER-RIGHT-COLOR=RGB(52 55 58),
BACKCOLOR=RGB(219 219 219),
$
TYPE=SUBFOOT,
BORDER-TOP=OFF,
BORDER-BOTTOM=OFF,
BORDER-LEFT=OFF,
BORDER-RIGHT=OFF,
BORDER-TOP-COLOR=RGB(52 55 58),
BORDER-BOTTOM-COLOR=RGB(52 55 58),
BORDER-LEFT-COLOR=RGB(52 55 58),
BORDER-RIGHT-COLOR=RGB(52 55 58),
$
TYPE=SUBTOTAL,
BORDER-TOP=OFF,
BORDER-TOP-COLOR=RGB(66 70 73),
BACKCOLOR=RGB(219 219 219),
$
TYPE=ACROSSVALUE,
BACKCOLOR='NONE',
STYLE=NORMAL,
JUSTIFY=RIGHT,
$
TYPE=ACROSSTITLE,
SIZE=8,
STYLE=BOLD,
JUSTIFY=CENTER,
$
TYPE=GRANDTOTAL,
BORDER-TOP=LIGHT,
BORDER-BOTTOM=OFF,
BORDER-TOP-STYLE=SOLID,
BORDER-BOTTOM-STYLE=DOUBLE,
BORDER-TOP-COLOR='GRAY',
COLOR=RGB(51 51 51),
BACKCOLOR='NONE',
STYLE=BOLD,
JUSTIFY=RIGHT,
$
TYPE=REPORT,
COLUMN=ROWTOTAL(*),
STYLE=BOLD,
TOPGAP=0.000000,
BOTTOMGAP=0.000000,
JUSTIFY=RIGHT,
$
TYPE=TITLE,
COLUMN=ROWTOTAL(*),
BORDER-BOTTOM=LIGHT,
BORDER-BOTTOM-COLOR='GRAY',
JUSTIFY=RIGHT,
$
TYPE=DATA,
COLUMN=ROWTOTAL(*),
STYLE=BOLD,
JUSTIFY=RIGHT,
$

*GRAPH_SCRIPT
setFillColor(getSeries(0),new Color(#7497B0));
setFillColor(getSeries(1),new Color(#A1BAD0));
setFillColor(getSeries(2),new Color(#92B570));
setFillColor(getSeries(3),new Color(#E0E580));
setFillColor(getSeries(4),new Color(#D1DDE0));
setFillColor(getSeries(5),new Color(#7D90A0));
setFillColor(getSeries(6),new Color(#A2C670));

setSeriesLooping(7);
setColorMode(4);
setAutoColorLerpFactor(0.8);

setTransparentBorderColor(getChartBackground(),true);

setTransparentBorderColor(getSeries(*), true);

setTransparentBorderColor(getFrame(),true);

setTransparentBorderColor(getSeries(0),true);
setTransparentBorderColor(getSeries(1),true);
setTransparentBorderColor(getSeries(2),true);
setTransparentBorderColor(getSeries(3),true);
setTransparentBorderColor(getSeries(4),true);
setTransparentBorderColor(getSeries(5),true);
setTransparentBorderColor(getSeries(6),true);
setTransparentBorderColor(getSeries(7),true);
setTransparentBorderColor(getSeries(8),true);
setTransparentBorderColor(getSeries(9),true);
setTransparentBorderColor(getSeries(10),true);
setTransparentBorderColor(getSeries(11),true);
setTransparentBorderColor(getSeries(12),true);
setTransparentBorderColor(getSeries(13),true);
setTransparentBorderColor(getSeries(14),true);
setTransparentBorderColor(getSeries(15),true);
setTransparentBorderColor(getSeries(16),true);
setTransparentBorderColor(getSeries(17),true);

setTickLength (getY1MajorTick(), 200);

setX1MajorTickDisplay (true);
setTickLength (getX1MajorTick(), 200);
setBorderColor(getX1MajorTick(),new Color(192,192,192));
setTickStyle(getX1MajorTick(),3);

setLegendPosition(1);
setSmoothLines(false);

setLegendPosition(1);
setBorderColor(getY1AxisLine(),new Color(192,192,192));
setFillColor(getY1AxisLine(),new Color(192,192,192));
setLineWidth(getY1AxisLine(),1);
setDisplay(getY1ZeroLine(),true);
setBorderColor(getY1ZeroLine(),new Color(192,192,192));
setLineWidth(getY1ZeroLine(),1);
setFillColor(getY1Label(),new Color(128,128,128));
setFillColor(getO1Label(),new Color(128,128,128));
setBorderColor(getY1MajorGrid(),new Color(128,128,128));
setFillColor(getY1MajorGrid(),new Color(128,128,128));
setAltFmtFrameNumColors(getY1AltFmtFrame(),5);
setDisplay(getO1MajorGrid(),false);
setBorderColor(getO1MajorGrid(),new Color(128,128,128));
setFillColor(getO1MajorGrid(),new Color(128,128,128));
setAltFmtFrameNumColors(getO1AltFmtFrame(),5);


setFontSizeAbsolute(getY1Title(), true);
setFontSizeInPoints(getY1Title(), 10);
setPlaceResize(getY1Title(), 0);
setFillColor(getY1Title(),new Color(128,128,128));
setFontName(getO1Title(),"ARIAL");
setFontSizeAbsolute(getO1Title(), true);
setFontSizeInPoints(getO1Title(), 10);
setPlaceResize(getO1Title(), 0);
setFillColor(getO1Title(),new Color(128,128,128));

setFontName(getX1Title(),"ARIAL");
setFontSizeAbsolute(getX1Title(), true);
setFontSizeInPoints(getX1Title(), 8);
setPlaceResize(getX1Title(), 0);
setFillColor(getX1Title(),new Color(128,128,128));

setFontName(getY1Title(),"ARIAL");
setFontName(getO1Label(),"ARIAL");
setFontSizeAbsolute(getO1Label(), true);
setFontSizeInPoints(getO1Label(), 6);
setPlaceResize(getO1Label(), 0);
setFontName(getY1Label(),"ARIAL");
setFontSizeAbsolute(getY1Label(), true);
setFontSizeInPoints(getY1Label(), 8);
setPlaceResize(getY1Label(), 0);
setDisplay(getLegendArea(),true);
setFontName(getLegendText(),"ARIAL");
setFillColor(getLegendText(),new Color(128,128,128));
setSquareMarkers(true);
setUseSeriesShapes(true);
setMarkerShape(getSeries(*),0);

setPieFeelerTextDisplay(0);
setScaleMustIncludeZero(getX1Axis(), false);
setScaleMustIncludeZero(getY1Axis(), false);
setScaleMustIncludeZero(getY2Axis(), false);
setFontName(getPieRingLabel(),"ARIAL");
setFontSizeAbsolute(getPieRingLabel(),true);
setAutofit(getPieRingLabel(),false);
setFontSizeInPoints(getPieRingLabel(),28);
setPlaceResize(getPieRingLabel(),0);
setDisplay(getY1MajorGrid(),false);
setDisplay(getX1MajorGrid(),false);

setBorderColor(getO1AxisLine(),new Color(192,192,192));
setLineWidth(getO1AxisLine(),1);
setBorderColor(getX1AxisLine(),new Color(192,192,192));
setLineWidth(getX1AxisLine(),1);
setBorderColor(getY1MajorTick(),new Color(192,192,192));
setDisplay(getY1MajorTick(),true);
setTickStyle(getY1MajorTick(),3);

setBorderColor(getO1MajorTick(),new Color(192,192,192));
setDisplay(getO1MajorTick(),false);
setTickStyle(getO1MajorTick(),3);

setTransparentFillColor(getFrame(),true);

setPieRingSize(64);

setDisplay(getQuadrantLine(),false);

setFillColor(getX1Label(),new Color(128,128,128));

setFontName(getX1Label(),"ARIAL");
setFontSizeAbsolute(getX1Label(), true);
setFontSizeInPoints(getX1Label(), 8);
setPlaceResize(getX1Label(), 0);
setPlaceTruncateCount(getLegendText(), 50);
setLineStyleLegendMarkers(3);

setToolTipStyle('html5');
*GRAPH_JS
"pieProperties": {
totalLabel: {
color: '#505050'},
"label": {
"visible": true,
"color": "#666666",
"font": "10pt Arial"
},
"holeSize": "64%"
},
bubbleMarker: {maxSize: '11%' },
"colorScale": {"colors": [
"#ffffcc",
"#a1dab4",
"#41b6c4",
"#2c7fb8",
"#253494"
]},

axisAutoLayout: {
rotate45: false,
rotate90: true,
truncate: true,
stagger: true,
skip: true
},


legend: {
visible: true,
position: 'bottom',
markerSize: 6,
markerPosition: 'left',
maxEntries: 20,
title: {
visible: false,
text: 'Legend Title',
font: '2pt Arial',
color: 'black'
},
labels: {
font: '6pt Arial',
color: 'black'
},
lineStyle: {
width: 1,
color: 'black',
dash: '4 4'
},
backgroundcolor: 'transparent',
shadow: false,
},


htmlToolTip: { enabled: true, snap: false, sticky: true,
fill: 'linear-gradient(to bottom, rgba(250,250,250,0.98) 8%,rgba(230,230,230,0.98) 95%)',
border:{width: 1, color: 'rgba(150,150,150,0.95)'},
style: {
cursor: 'default',
boxShadow: '0px 3px 4px 0px rgba(50, 50, 50, 0.66)',
borderWidth: '1px',
padding: '6px 7px 7px 8px',
"filter": "progidBig GrinXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#D2D2D2',GradientType=0)",
'borderRadius': 0}
},



introAnimation: {
animateOnce: true
},
"riserBevel":"none"


*END


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
Gold member
posted Hide Post
Please check the version that you are running on the server is same as your developer studio version.

We faced similar issue it was version mismatch between server and dev. studio.
 
Posts: 64 | Location: North Carolina | Registered: December 04, 2007Report This Post
Gold member
posted Hide Post
Our IT checked and it's not the issue. I can generate chart using IE from App Studio but not Chrome. I can't generate chart in portal no matter IE or Chrome.

Thanks


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
Expert
posted Hide Post
if you post code in the forum, you need to wrap the code in code tags.

When editing, its the
</>
button


Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

 
Posts: 6349 | Location: 33°49'23.0"S, 151°11'41.0"E | Registered: October 31, 2006Report This Post
Expert
posted Hide Post
Are you PCHOLDing the output ?


Waz...

Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

 
Posts: 6349 | Location: 33°49'23.0"S, 151°11'41.0"E | Registered: October 31, 2006Report This Post
Master
posted Hide Post
Backup your existing STY file.. When I look at it on my server it doesn't have half the stuff your's does, so your's has been modified. After you back it up, replace your *GRAPH_JS with the below and try again.. Let us know if you still get the error. If this fixes it, then something in your style sheet is wrong and you will need to add your's back 1 line at a time until you find the issue.

* GRAPH_JS

    "pieProperties": {
        totalLabel: {
            color: '#505050'
        },
        "label": {
            "visible": true,
            "color": "#666666",
            "font": "10pt Arial"
        },
        "holeSize": "64%"
    },

    bubbleMarker: {
        maxSize: '12%'
    },

    htmlToolTip: {
        enabled: true,
        snap: false,
        sticky: true,
        fill: 'linear-gradient(to bottom, rgba(250,250,250,0.98) 8%,rgba(230,230,230,0.98) 95%)',
        border: {
            width: 1,
            color: 'rgba(150,150,150,0.95)'
        },
        style: {
            cursor: 'default',
            boxShadow: '0px 3px 4px 0px rgba(50, 50, 50, 0.66)',
            borderWidth: '1px',
            padding: '6px 7px 7px 8px',
            "filter": "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#D2D2D2',GradientType=0)",
            'borderRadius': 0
        }
    },



    introAnimation: {
        animateOnce: true
    },
    "riserBevel": "none"

* END



- FOCUS Man, just FOCUS!
-----------------------------
Product: WebFOCUS
Version: 8.1.04
Server: Windows 2008 Server
 
Posts: 578 | Registered: October 01, 2014Report This Post
Gold member
posted Hide Post
Yes, you are right. It did not happen every time only some client at some valuation date. I changed the chart type from
ON GRAPH SET LOOKGRAPH VBRSTKPC
  

to
ON GRAPH SET LOOKGRAPH VBRSTK1
  

it works. The only thing I need to do in addition to changing the graph type is set max value of Yaxis to 100%.

Thanks all for your help.


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] IBI style sheet

Copyright © 1996-2020 Information Builders