How to: |
The riserShape property is used in conjunction with the comboCharts properties to define a combination chart (that is, a chart that can consist of a combination of bar risers, area risers, and line risers). In bar, line, and area charts, these properties can be used to define the shape of risers (bar, line, or area) for each series. The comboCharts properties control the layout (stacked, absolute, percent, or sideBySide) of the risers for each series.
series: [ ( series: number, riserShape: 'string', } ]
where:
Is a zero-based series number. If the series does not exist in the chart, the property is ignored.
Is a string that defines the shape of the riser for the specified series. Valid values are:
The following request generates a vertical bar chart in which the comboCharts properties define the bar series layout as stacked, the line series layout as absolute, and the area series layout as undefined. The properties for each series define the riser shape for that series:
GRAPH FILE WF_RETAIL_LITE SUM COGS_US GROSS_PROFIT_US REVENUE_US DISCOUNT_US MSRP_US ACROSS PRODUCT_CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH VBAR ON GRAPH SET STYLE * *GRAPH_JS legend: {visible: true}, border: {width: 2, color: 'teal'}, title: {visible: true, text: 'ComboChart',font: '14pt Sans-Serif', color: 'teal'}, blaProperties: {lineConnection:'curved', comboCharts: { barSeriesLayout: 'stacked', lineSeriesLayout:'absolute', areaSeriesLayout: undefined} }, series: [ {series: 0, color: 'purple', riserShape: 'line', border: {width: 2}, marker: {shape: 'pirateCross', size: 14, visible: true}}, {series: 1, color: 'lightgreen', riserShape: 'bar'}, {series: 2, color: 'yellow', riserShape: 'bar'}, {series: 3, color: 'coral', riserShape: 'bar'}, {series: 4, color: 'tan', riserShape: 'area'} ] *END ENDSTYLE END
The output is:
WebFOCUS |