How to: |
In 3D charts and charts where 2.5D depth is applied with the depth property, the riserDepthGap property adds space between risers that draw behind other risers.
riserDepthGap: number
where:
Is a number between 0 and 1 that defines the margin between the risers as a factor of the depth. The default value is 0.2.
The following request against the GGSALES data source generates a 3D area chart with the default space between the risers:
DEFINE FILE GGSALES DIFFD = DOLLARS-BUDDOLLARS; DIFFU = UNITS-BUDUNITS; DIFFD2 = BUDDOLLARS-DOLLARS; DIFFU2 = BUDUNITS-UNITS; END GRAPH FILE GGSALES SUM DIFFD DIFFD2 DIFFU DIFFU2 BY CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH 3DAREAS ON GRAPH SET STYLE * *GRAPH_JS riserDepthGap: 0.2, chartFrame: {border: {width: 1, color: 'grey'}, fill: {color: 'ghostwhite'}}, colorMode: { mode: 'byInterpolation', colorList: ['red', 'blue'] } *END ENDSTYLE END
The output is:
Changing the riserDepthGap to zero (0) generates the following chart:
The value 0.9 for riserDepthGap generates the following chart:
WebFOCUS |