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>,

I think this is a javascript error.

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

Is this a JSCHART ?

Yes. It's a chart and I was trying to run it in portal. I did not write any Javascript though.

Thanks

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.

*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": "progidXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#D2D2D2',GradientType=0)",
'borderRadius': 0}
},



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


*END

Thanks

Put [ code ] [ /code ] around it...

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

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": "progidXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#D2D2D2',GradientType=0)",
'borderRadius': 0}
},



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


*END

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.

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

if you post code in the forum, you need to wrap the code in code tags.

When editing, its the

</>

button

Are you PCHOLDing the output ?

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

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.