How to: |
The swapChartSide property controls the location of the axis body line and labels. In the default configuration, the y-axis body line and labels appear on the bottom of a horizontal chart and the left side of a vertical chart. The y2-axis body line and labels appear on the top of a horizontal chart and the right side of a vertical chart. In Bubble and Scatter charts, the x-axis normally appears on the bottom of the chart and the y-axis on the left side of the chart. This property can be used to reverse these default locations.
"axisname": { "swapChartSide": boolean }
where:
Can be:
Can be:
The following request assigns series 3 to the y2-axis and swaps the y2-axis with the y-axis:
GRAPH FILE WF_RETAIL_LITE SUM COGS_US GROSS_PROFIT_US REVENUE_US DISCOUNT_US ACROSS PRODUCT_CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH VBAR ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/ENIADefault_combine.sty,$ *GRAPH_JS "yaxis": { "title": { "visible": true,"color": "red", "font": "bold 10pt Verdana", "text": "Y-AXIS"}, "bodyLineStyle": {"width": 2, "color": "red"}, "swapChartSide": true}, "y2axis": { "title": { "visible": true, "color": "red", "font": "bold 10pt Verdana", "text": "Y2-AXIS"}, "bodyLineStyle": {"width": 2, "color": "green"}}, "series": [ {"series": 0, "color": "cyan"}, {"series": 1, "color": "tan"}, {"series": 2, "color": "lightblue"}, {"series": 3, "color": "teal","yAxisAssignment": 2}] *END ENDSTYLE END
On the output, the y-axis has been moved to the right side of the chart, and the y2-axis is on the left:
The following request generates a bubble chart with the y-axis on the right, and the x-axis on the top:
GRAPH FILE WF_RETAIL_LITE SUM COGS_US REVENUE_US DISCOUNT_US BY PRODUCT_CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH BUBBLE ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/ENIADefault_combine.sty,$ *GRAPH_JS "yaxis": {"swapChartSide": true}, "xaxis": {"swapChartSide": true}, "series": [ {"series": "all", "marker": {"shape": "circle"}}, {"series": 0, "color": "red"}, {"series": 1, "color": "green"}, {"series": 2, "color": "blue"}] *END ENDSTYLE END
The output is:
WebFOCUS | |
Feedback |