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

Facebook Twitter LinkedIn YouTube
Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Bar Graph - Set different bar colors for HTML5 output (Webfocus v8)
Go
New
Search
Notify
Tools
Reply
  
[SOLVED] Bar Graph - Set different bar colors for HTML5 output (Webfocus v8)
 Login/Join
 
Platinum Member
posted
Hi,

I have been trying to set different colors for each bar in a bar graph in WebFOCUS v8. I have used format output 'JSCHART'(HTML5 output), which gives a single color to all the bars. When i switch to PNG i could get the result that i want, but i need the output to be in JSCHART.

Is there a way to set separate colors to the bars with the format output JSCHART?.

Here is the car file:

GRAPH FILE CAR
SUM DEALER_COST
BY COUNTRY
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET UNITS PIXELS
ON GRAPH SET HAXIS 400
ON GRAPH SET VAXIS 700
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 0
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH VBAR
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/javaassist/intl/EN/ENIADefault_combine.sty,$
TYPE=REPORT, TITLETEXT='WebFOCUS Report', $
*GRAPH_SCRIPT
setReportParsingErrors(false);
setSelectionEnableMove(false);
*END
ENDSTYLE
END

Thank you in advance.

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


WebFOCUS
7703/7705/8105m/8201m/8202m

 
Posts: 100 | Registered: September 10, 2013Reply With QuoteReport This Post
Platinum Member
posted Hide Post
Found out the solution for setting colors: Replace the default styling with the code below.

Note: "ON GRAPH SET VZERO ON". You can also comment it out, if it is not required.

GRAPH FILE CAR
SUM DEALER_COST
BY COUNTRY
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET VZERO OFF
ON GRAPH SET HTMLENCODE ON
ON GRAPH SET GRAPHDEFAULT OFF
ON GRAPH SET UNITS PIXELS
ON GRAPH SET HAXIS 400
ON GRAPH SET VAXIS 700
ON GRAPH SET GRMERGE ADVANCED
ON GRAPH SET GRMULTIGRAPH 0
ON GRAPH SET GRLEGEND 0
ON GRAPH SET GRXAXIS 1
ON GRAPH SET LOOKGRAPH VBAR
ON GRAPH SET AUTOFIT ON
ON GRAPH SET STYLE *
*GRAPH_SCRIPT
setFillColor(getSeries(0),new Color(143,182,52));
setFillColor(getSeries(1),new Color(0,18,26));
setFillColor(getSeries(2),new Color(143,182,52));
setFillColor(getSeries(3),new Color(10,11,236));
setFillColor(getSeries(4),new Color(153,182,62));

*END

*GRAPH_JS
'mouseOverIndicator':{
'enabled':true,
'color':'yellow',
'marker':{'size':0}
},
'introAnimation':{
'enabled':true,
'duration':1400
},
'riserBevel':'bevel'
*END
END

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


WebFOCUS
7703/7705/8105m/8201m/8202m

 
Posts: 100 | Registered: September 10, 2013Reply With QuoteReport This Post
  Powered by Social Strata  
 

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Bar Graph - Set different bar colors for HTML5 output (Webfocus v8)

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