I'm trying to put together a spectral map and everything is working fine except that I can not figure out how to change the default color scheme.

Currently, it goes from red (at the low end of the range) to green (at the high end of the range). Ideally, I'd like to use white for the low end of the range and something else for the high end.

I feel like I've looked in every menu I can find within InfoAssist, but I'm not seeing it. And the documentation (or at least the pieces I've been able to find) haven't helped.

I'm sure that it's somewhere obvious that I'm overlooking. Can anyone help?

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

Can you post your code, or, preferably, sample code from an IB sample file?

Doug,

Thanks for the reply. As it turns out, there's no way to do it through InfoAssist (as of 8002M). Instead, it needs to be done through a style sheet.

Can you tell us how to do this in the style sheet?

quote:

Originally posted by Danny-SRL:
Can you tell us how to do this in the style sheet?

Danny,

I missed your reply.

Sorry for the length here, but I don't see any way to attach a file. Here's a sample of a style sheet for a heat map.

For whatever reason, I can get this to work through InfoAssist, but if I leave InfoAssist, it doesn't work anymore. I have a ticket open to see exactly why that is happening.

 $ Copyright 1996-2011 Information Builders, Inc. All rights reserved.

TYPE=REPORT, OBJECT=STATUS-AREA,COLOR=black,BACKCOLOR=RGB(#D6E0ED),$
TYPE=REPORT, OBJECT=CURRENT-ROW,HOVER-BACKCOLOR=RGB(#4F81BD),BACKCOLOR=yellow,$
TYPE=REPORT, GRAPHCOLOR=green,GRAPHCOLORNEG=red,$
TYPE=REPORT, OBJECT=CALC-AREA, COLOR=black,BACKCOLOR=RGB(#D6E0ED),  $
TYPE=REPORT, OBJECT=MENU, COLOR=black,BACKCOLOR=white,BORDER-COLOR=RGB(#D6E0ED),HOVER-COLOR=black,HOVER-BACKCOLOR=RGB(#D6E0ED),$
TYPE=REPORT, ARICONSET=BLUE2, ARSTYLESET=bipib,$


*TABLE_STYLE
TYPE=REPORT,FONT='TREBUCHET MS',SIZE=9,COLOR='BLACK',BACKCOLOR='WHITE',SQUEEZE=ON,GRID=OFF,$
TYPE=DATA,BACKCOLOR=(RGB(#D6E0ED) RGB(255 255 255)),BORDER=LIGHT,BORDER-COLOR=RGB(#4F81BD),$
TYPE=TITLE,BORDER=LIGHT,BORDER-COLOR=RGB(#4F81BD),STYLE=-UNDERLINE+BOLD,$
TYPE=TABHEADING,SIZE=14,JUSTIFY=CENTER,COLOR=RGB(#484e57),$
TYPE=TABFOOTING,SIZE=12,JUSTIFY=CENTER,COLOR=RGB(#484e57),$
TYPE=HEADING,SIZE=12,JUSTIFY=CENTER,COLOR=RGB(#484e57),$
TYPE=FOOTING,SIZE=10,JUSTIFY=CENTER,COLOR=RGB(#484e57),$
TYPE=SUBHEAD,BORDER-TOP=HEAVY,BORDER-BOTTOM=LIGHT,BORDER-TOP-COLOR=RGB(#4F81BD),BORDER-BOTTOM-COLOR=RGB(#4F81BD),SIZE=10,STYLE=BOLD,BACKCOLOR=RGB(#D6E0ED),$
TYPE=SUBFOOT,BORDER-TOP=LIGHT,BORDER-BOTTOM=MEDIUM,BORDER-TOP-COLOR=RGB(#4F81BD),BORDER-BOTTOM-COLOR=RGB(#4F81BD),SIZE=10,STYLE=BOLD,BACKCOLOR=RGB(#D6E0ED),$
TYPE=SUBTOTAL,BORDER-TOP=LIGHT,BORDER-TOP-COLOR=RGB(#4F81BD),BACKCOLOR=RGB(#D6E0ED),STYLE=BOLD,$
TYPE=ACROSSVALUE,STYLE=BOLD,BORDER=LIGHT,BORDER-COLOR=RGB(#4F81BD),$
TYPE=ACROSSTITLE,SIZE=9,STYLE=-UNDERLINE+BOLD,border-top=light, border-bottom=medium, border-top-color=rgb(#4F81BD), border-bottom-color=rgb(#4F81BD),BORDER=LIGHT,BORDER-COLOR=RGB(#4F81BD),$
TYPE=PAGENUM,SIZE=6,STYLE=ITALIC,JUSTIFY=RIGHT,$
TYPE=GRANDTOTAL,BORDER-TOP=LIGHT,BORDER-BOTTOM=HEAVY,BORDER-TOP-STYLE=SOLID,BORDER-BOTTOM-STYLE=DOUBLE,BORDER-COLOR=RGB(#4F81BD),BACKCOLOR=RGB(#D6E0ED),STYLE=BOLD,$





*GRAPH_SCRIPT
setFontStyle(getPieLabel(),2);
setFillColor(getPieLabel(),new Color(#444C60));

setFillColor(getSeries(0),new Color(#008DCF));
setFillColor(getSeries(1),new Color(#8FD100));
setFillColor(getSeries(2),new Color(#FFA500));
setFillColor(getSeries(3),new Color(#B999FF));
setFillColor(getSeries(4),new Color(#FFA880));
setFillColor(getSeries(5),new Color(#73C3E7));
setSeriesLooping(6);	  

setColorMode(4);	 
setAutoColorLerpFactor(.8);

setTransparentBorderColor(getAllSeries(),true);
setTransparentBorderColor(getChartBackground(),true);

setBorderColor(getO1AxisLine(),new Color(#BAC7D4));
setBorderColor(getY1AxisLine(),new Color(#BAC7D4));
setBorderColor(getX1AxisLine(),new Color(#BAC7D4));
setBorderColor(getFrame(),new Color(#BAC7D4));
setBorderColor(getLegendArea(),new Color(#7E96AE));

setFillColor(getY1Title(),new Color(68,76,96));
setFillColor(getY1Label(),new Color(68,76,96));
setFillColor(getY2Label(),new Color(68,76,96));
setFillColor(getY3Label(),new Color(68,76,96));
setFillColor(getY4Label(),new Color(68,76,96));
setFillColor(getY5Label(),new Color(68,76,96));
setFillColor(getO1Title(),new Color(68,76,96));
setFillColor(getX1Title(),new Color(68,76,96));
setFillColor(getO1Label(),new Color(68,76,96));
setFillColor(getO2Label(),new Color(68,76,96));
setFillColor(getX1Label(),new Color(68,76,96));
setFillColor(getLegendText(),new Color(68,76,96));
setFillColor(getPieLabel(),new Color(68,76,96));

setFillColor(getFrame(),new Color(#FFFFFF));
setFillColor(getLegendArea(),new Color(#FFFFFF));
setFillColor(getChartBackground(),new Color(255,255,255));
setBorderColor(getY1MajorGrid(),new Color(#DAE1E8));
setBorderColor(getY1MinorGrid(),new Color(#DAE1E8));
setBorderColor(getY2MajorGrid(),new Color(#DAE1E8));
setBorderColor(getY2MinorGrid(),new Color(#DAE1E8));
setBorderColor(getO1MajorGrid(),new Color(#DAE1E8));
setBorderColor(getO1MinorGrid(),new Color(#DAE1E8));
setBorderColor(getX1MajorGrid(),new Color(#DAE1E8));
setBorderColor(getX1MinorGrid(),new Color(#DAE1E8));

setTransparentBorderColor(getCubeFloor(),true);
setTransparentBorderColor(getCubeLeftWall(),true);
setTransparentBorderColor(getCubeRightWall(),true);
setCubeFocusFactor(95.83333182119424);
setCubePanX(41.3);
setCubePanY(54.7);
setCubeRotationMatrix(0.9527877123115605,-0.39648905742363183,1.0691265903653806,-0.012240167246073914,1.389589570659449,0.5262420232508634,-1.1402128823990627,-0.3462324595884829,0.8877371966710723);
setCubeViewerZ(93.61645050038162);
setCubeZoomFactor(55.0);
setCubeWallThickZ(0.0);
setCubeWallThickY(0.0);
setCubeWallThickX(0.0);
 
setY1MajorGridStyle(1);
setY2MajorGridStyle(0);
setO1MajorGridStyle(1);
setX1MajorGridStyle(1);
setLineStyleLegendMarkers(3);
setNullLegendMarkerShapesAsSquares(false);
setFrameAutoShade(true);

setUseDefaultBubbleMarker(false);

setDisplay(getY1MajorGrid(),true);
setDisplay(getO1MajorGrid(),false);
setDepthRadius(0);
setDepthAngle(0);

setDataTextPosition(2);
setToolTipStyle('html5');

setUseSeriesShapes(true);
setMarkerSizeDefault(65);
setMarkerShape(getAllSeries(),2);
setLineWidth(getAllSeries(),3);

*GRAPH_JS

mouseOverIndicator: {enabled: true},
introAnimation: {enabled:true, duration:1000},
riserBevel: 'bevel',
yaxis:{
   majorGrid:{
	lineStyle: {
		width: 1,
		color: 'rgba(255, 255, 255, 0.3)',
		dash: ''
    	},

   ticks: {visible:false, length: 3, style: 'span',lineStyle:{color:'#607D9A'}}},
   colorScale: {colors: ['rgb(224, 224, 224)', 'rgb(254, 227, 222)','rgb(255, 175, 176)','rgb(253, 152, 148)','rgb(255, 122, 123)','rgb(246, 103, 102)','rgb(252, 76, 79)','rgb(254, 48, 47)','rgb(252, 24, 24)', 'rgb(255, 7, 26)']},
   baseLineStyle: {color:'#BAC7D4', width:0},
   bodyLineStyle: {color:'#BAC7D4', width:0}
},

treemapProperties: {
	scaleCellFonts: true
},
	dataLabels: {
		visible: true,
		font: '9pt Sans-Serif',
		color: 'black'
	},

xaxis:{
    majorGrid:{visible: false, ticks: {visible:false, length: 3, style: 'span',lineStyle:{color:'#607D9A'}}},
   baseLineStyle: {color:'#BAC7D4', width:0}
},
xaxisOrdinal:{
    majorGrid:{visible: false, ticks: {visible:false, length: 3, style: 'span',lineStyle:{color:'#607D9A'}}},
   baseLineStyle: {color:'#BAC7D4', width:0}
},
legend: {
visible: true,
    lineStyle: {width: 0, color: '#7E96AE'},
    shadow: false
},

heatmapProperties:{dataColors : ['rgb(224, 224, 224)', 'rgb(254, 227, 222)','rgb(255, 175, 176)','rgb(253, 152, 148)','rgb(255, 122, 123)','rgb(246, 103, 102)','rgb(252, 76, 79)','rgb(254, 48, 47)','rgb(252, 24, 24)', 'rgb(255, 7, 26)']}, 

showVersion: false,

series: [{series: 'all', border:{width:3}, marker: {fillMode:'seriesWhite'}},
   {series: 0, marker: {border: {width: 3}}},
   {series: 1, marker: {border: {width: 3}}},
   {series: 2, marker: {border: {width: 3}}}, 
   {series: 3, marker: {border: {width: 3}}},
   {series: 4, marker: {border: {width: 3}}},
   {series: 5, marker: {border: {width: 3}}},
   {series: 6, marker: {border: {width: 3}}},
   {series: 7, marker: {border: {width: 3}}}, 
   {series: 8, marker: {border: {width: 3}}},
   {series: 9, marker: {border: {width: 3}}},
   {series: 10, marker: {border: {width: 3}}},
   {series: 11, marker: {border: {width: 3}}},
   {series: 12, marker: {border: {width: 3}}}, 
   {series: 13, marker: {border: {width: 3}}},
   {series: 14, marker: {border: {width: 3}}},
   {series: 15, marker: {border: {width: 3}}}
]
*END
 

I realize this is old, dead, and the original poster probably never comes around, but it's 100% what I'm looking for an answer to right now.

bsullivan, did you ever get this resolved? I'm in the same boat : works in InfoAssist but not when you try to render the report outside of the application. A small dialog box pops up showing Error rendering chart: Error #1006.

For anyone else who may be trying to do this, simply create a new WebFocus stylesheet and then associate the original Spectral Map Graph with the new WebFocus stylesheet. I will try to update this thread if I figure out what the source of the error is.

While I didn't find specifically what was causing the rendering error, since my original goal was to change the appearance of the heat Map, I simply included only that part in the style sheet.

I removed everything above *GRAPH_JS and it rendered correctly.

Thanks for posting this last year as it solved my problem. I'll let this thing settle back to the bottom now!