Hi All,

I am trying to get the quadrant lines to appear on a jschart and am having some difficulty.

Interestingly, if the chart is an image (eg. SVG) the lines are appearing as they should.

Below is a sample of the code.

-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
 SUM    RETAIL_COST
        DEALER_COST
        SALES
 BY     CAR

 ON     GRAPH PCHOLD FORMAT JSCHART
 ON     GRAPH SET VZERO OFF
 ON     GRAPH SET HTMLENCODE ON
 ON     GRAPH SET GRAPHDEFAULT OFF
 ON     GRAPH SET GRWIDTH 1
 ON     GRAPH SET UNITS &WF_STYLE_UNITS
 ON     GRAPH SET HAXIS &WF_STYLE_WIDTH
 ON     GRAPH SET VAXIS &WF_STYLE_HEIGHT
 ON     GRAPH SET GRMERGE ADVANCED
 ON     GRAPH SET GRMULTIGRAPH 0
 ON     GRAPH SET GRLEGEND 0
 ON     GRAPH SET GRXAXIS 1
 ON     GRAPH SET LOOKGRAPH BUBBLE
 ON     GRAPH SET STYLE *

*GRAPH_SCRIPT
setPieDepth(0);
setPieTilt(0);
setDepthRadius(0); 
setCurveFitEquationDisplay(false); 
setPlace(true); 
setUseSeriesShapes(true);
setUseDefaultBubbleMarker(false);
setBubbleSizeMode(true);
setScaleMustIncludeZero(getX1Axis(), false);
setScaleMustIncludeZero(getY1Axis(), false);
setScaleMustIncludeZero(getY2Axis(), false);
setMarkerSizeDefault(60); 
*END

INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/ENIADefault_combine.sty,$
TYPE=REPORT, TITLETEXT=&WF_TITLE.QUOTEDSTRING, $

*GRAPH_SCRIPT
-* Quadrant Lines
setDisplay(getQuadrantLine(),true);
setLineWidth(getQuadrantLine(),2);
setLineBasicStrokeType(getQuadrantLine(),2);
setBorderColor(getQuadrantLine(),new Color(0,0,0));
setQuadrantLineValueX(0,20000);

setReportParsingErrors(false);
setSelectionEnableMove(false);
setMarkerShape(getAllSeries(),0);
setCurveFitEquationDisplay(false);
setDataTextPosition(1);
setTextString(getY1Title(),"Dealer Cost");
setDisplay(getY1Title(),true);
setTextString(getX1Title(),"Retail Cost");
setDisplay(getX1Title(),true);
setDisplay(getY1Label(),true);
setLabelStagger(getY1Label(),false);
setTextRotation(getY1Label(),0);
setDisplay(getY1ZeroLine(),false);
setPieTilt(0);
setPieDepth(0);
setDepthRadius(0);
setDepthAngle(0);
setReferenceTextPosition(getReferenceLineTextX1(0),0);
setBorderColor(getReferenceLineX1(0),new Color(0,0,0));
setFillColor(getReferenceLineTextX1(0),new Color(0,0,0));
setLineWidth(getReferenceLineX1(0),1);
setLineBasicStrokeType(getReferenceLineX1(0),0);
setTextString(getReferenceLineTextX1(0),"");
setReferenceTextPosition(getReferenceLineTextX1(1),0);
setBorderColor(getReferenceLineX1(1),new Color(0,0,0));
setFillColor(getReferenceLineTextX1(1),new Color(0,0,0));
setLineWidth(getReferenceLineX1(1),1);
setLineBasicStrokeType(getReferenceLineX1(1),0);
setTextString(getReferenceLineTextX1(1),"");
setDisplay(getReferenceLineX1(0),false);
setDisplay(getReferenceLineX1(1),false);
setReferenceTextPosition(getReferenceLineTextY1(0),0);
setBorderColor(getReferenceLineY1(0),new Color(255,0,0));
setFillColor(getReferenceLineTextY1(0),new Color(255,0,0));
setLineWidth(getReferenceLineY1(0),1);
setLineBasicStrokeType(getReferenceLineY1(0),0);
setTextString(getReferenceLineTextY1(0),"");
setDisplay(getReferenceLineY1(0),false);

*GRAPH_JS
introAnimation: {
    animateOnce: true
}
,
*END

ENDSTYLE
END
-RUN

Any help would be appreciated.

This message has been edited. Last edited by: Mark Cooney,

Mark,

There is specific JSCHART reference line syntax that you can use.

*GRAPH_JS
introAnimation: {
    animateOnce: true
}
,
referenceLines: [
{value: 30000,
axis: 'y',
line: {color: 'red', width: 6,dash: '' },
label: {text: 'Reference Line @:',
font: 'bold 8pt Sans-Serif',
color: 'green' },
anchor: 'end',
showValue: true
} ,
{value: 20000,
axis: 'x',
line: {color: 'green', width: 6,dash: '' },
label: {text: 'Reference Line @:',
font: 'bold 8pt Sans-Serif',
color: 'red' },
anchor: 'end',
showValue: true
}
]
*END

T

Documentation Link

T

Thanks Tony, this worked perfectly.

Can we color code the quadrants?