How to: |
The riserBevel property applies a bevel to risers in a bar chart, markers in bubble and scatter charts, and slices in a pie chart.
riserBevel: 'string'
where:
Is a string that defines the bevel type. The default value is undefined.
Applies a slight angle at the edges of the risers, giving them a beveled appearance.
Draws the risers as cylinders with gradient color.
Applies a gradient to the risers that darkens toward the bottom for vertical risers, and darkens toward the left for horizontal risers.
Applies a gradient to the risers that darkens toward the top for vertical risers, and darkens toward the right for horizontal risers.
Applies a gradient to the risers that lightens toward the bottom for vertical risers, and lightens toward the left for horizontal risers.
Applies a gradient to the risers that lightens toward the top for vertical risers, and lightens toward the left for horizontal risers.
Applies a circular gradient to the markers that transitions from the original marker color to a darker color.
Applies a circular gradient to the markers that transitions from the original marker color to a lighter color.
Applies an angle at the outer edge of the pie.
Makes the pie look more cylindrical using a darkening gradient effect.
Draws the pie with a donut effect if it has a hole.
Bevel types darken and lighten will also be applied to legend markers (if visible).
The following request generates a bar chart with no bevel effect:
GRAPH FILE WF_RETAIL_LITE SUM COGS_US GROSS_PROFIT_US REVENUE_US DISCOUNT_US ACROSS TIME_DAYNAME WHERE TIME_DAYNAME EQ 'FRI' OR 'SAT' OR 'SUN' ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH VBAR ON GRAPH SET STYLE * *GRAPH_JS series: [ {series: 0, color: 'lightgreen'}, {series: 1, color: 'coral'}, {series: 2, color: 'lightblue'}, {series: 3, color: 'burlywood'}, ] *END ENDSTYLE END
The output is:
The following version of the request, applies the riserBevel: 'bevel' effect:
GRAPH FILE WF_RETAIL_LITE SUM COGS_US GROSS_PROFIT_US REVENUE_US DISCOUNT_US ACROSS TIME_DAYNAME WHERE TIME_DAYNAME EQ 'FRI' OR 'SAT' OR 'SUN' ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH VBAR ON GRAPH SET STYLE * *GRAPH_JS riserBevel: 'bevel', series: [ {series: 0, color: 'lightgreen'}, {series: 1, color: 'coral'}, {series: 2, color: 'lightblue'}, {series: 3, color: 'burlywood'}, ] *END ENDSTYLE END
On the output, the risers are not totally flat. They have a slight angle at their edges:
Changing the property to riserBevel: 'cylinder' generates the following chart, in which the risers are drawn as cylinders with gradient color:
The following request applies the bevel effect 'darken' to the bubble markers and legend markers:
GRAPH FILE WF_RETAIL_LITE SUM REVENUE_US MSRP_US DISCOUNT_US BY PRODUCT_CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH BUBBLE ON GRAPH SET STYLE * *GRAPH_JS border: {width:0}, series: [{series:'all', marker:{shape:'circle'}}], riserBevel: 'darken' *END ENDSTYLE END
The output is:
WebFOCUS |