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:
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 *
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/ENIADefault_combine.sty,$
*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 | |
Feedback |