How to: |
These properties control the general appearance of polar and radar charts.
polarProperties: { straightGridLines: boolean, extrudeAxisLabels: boolean, drawAsArea: boolean},
where:
Defines the grid line style. Valid values are:
Defines where to draw y-axis labels. Valid values are:
Applies to radar charts only. Valid values are:
Note:
The following request generates a polar chart with the default properties. The major grid lines are dashed teal circular lines, and the series properties set the marker shapes, sizes, and colors:
GRAPH FILE WF_RETAIL_LITE SUM DAYSDELAYED QUANTITY_SOLD ACROSS TIME_MTH ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET EMBEDHEADING ON ON GRAPH SET LOOKGRAPH POLAR ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/ENIADefault_combine.sty,$ *GRAPH_JS legend: {visible: true}, polarProperties: { straightGridLines: false, extrudeAxisLabels: false }, yaxis: { majorGrid: { lineStyle: {width: 1,color: 'teal',dash: '2 2'}, } }, series: [ {series: 0, color: 'lavender', marker:{size: 15, shape: 'circle', border: {width: 1, color: 'purple'}}}, {series: 1, color: 'cyan', marker:{size: 15, shape: 'circle', border: {width: 1, color: 'green'}}} ] *END ENDSTYLE END
The output is:
Changing straightGridLines to true, and extrudeAxisLabels to true, generates the following chart:
The following request generates a radar chart with the default properties:
GRAPH FILE WF_RETAIL_LITE SUM AVE.COGS_US MDN.COGS_US BY PRODUCT_CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH RADARL ON GRAPH SET STYLE * *GRAPH_JS legend: {visible: true}, polarProperties: { straightGridLines: false, extrudeAxisLabels: false, drawAsArea: false }, yaxis: { numberFormat: '##', majorGrid: { lineStyle: {width: 1,color: 'navy',dash: '2 2'}, } }, series: [ {series: 0, color: 'purple', border: {width: 2}}, {series: 1, color: 'cyan', border: {width: 2}}, {series: 2, color: 'grey', border: {width: 2}}, {series: 3, color: 'teal', border: {width: 2}}, ] *END ENDSTYLE END
The output is:
Changing straightGridLines, extrudeAxisLabels, and drawAsArea to true generates the following chart:
WebFOCUS |