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 WFLITE SUM COGS_US GROSS_PROFIT_US REVENUE_US DISCOUNT_US ACROSS TIME_DAYNAME WHERE TIME_DAYNAME EQ 'FRI' OR 'SAT' OR 'SUN' ON GRAPH HOLD 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 WFLITE
SUM COGS_US GROSS_PROFIT_US REVENUE_US DISCOUNT_US
ACROSS TIME_DAYNAME
WHERE TIME_DAYNAME EQ 'FRI' OR 'SAT' OR 'SUN'
ON GRAPH HOLD 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 WFLITE
SUM REVENUE_US MSRP_US DISCOUNT_US
BY PRODUCT_CATEGORY
ON GRAPH HOLD 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:
Information Builders |