How to: |
The axisAutoLayout properties control automatic layout of ordinal axis labels.
axisAutoLayout: { rotate45: boolean, rotate90: boolean, truncate: boolean, stagger: boolean, skip: boolean},
where:
Can be:
true, which allows auto-layout to rotate labels 45 degrees in order to achieve the best automatic layout of ordinal axis labels. The default value is true.
false, which does not allow auto-layout to rotate labels 45 degrees.
Can be:
true, to allow auto-layout to rotate labels 90 degrees in order to achieve the best automatic layout of ordinal axis labels. The default value is true.
false, which does not allow auto-layout to rotate labels 90 degrees.
Can be:
true, which allows auto-layout to truncate labels in order to achieve the best automatic layout of ordinal axis labels. The default value is true.
false, which does not allow auto-layout to truncate labels.
Can be:
true, which allows auto-layout to stagger labels in order to achieve the best automatic layout of ordinal axis labels. The default value is true.
false, which does not allow auto-layout to stagger labels.
Note: Staggering is not supported for numeric axis labels.
Can be:
The following request generates a vertical line chart. The axisAutoLayout properties do not allow rotation, truncation, or skipping of group labels, but they are allowed to be staggered:
GRAPH FILE WF_RETAIL_LITE SUM COGS_US ACROSS PRODUCT_CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH LINE ON GRAPH SET STYLE * *GRAPH_JS blaProperties: {lineConnection: 'curved'}, xaxis: {labels: {visible: true,font: 'bold 12pt Bookman Old Style',color: 'red',rotation: 0}}, axisAutoLayout:{rotate45:false, rotate90:false,truncate:false, stagger:true, skip:false} *END ENDSTYLE END
On the output, the labels are staggered:
Changing the axisAutoLayout properties to the following makes skipping allowed, but not staggering:
axisAutoLayout:{rotate45:false, rotate90:false,truncate:false, stagger:false, skip:true}
With these properties, the output is:
Changing the axisAutoLayout properties to the following rotates the labels 45 degrees:
axisAutoLayout:{rotate45:true, rotate90:false,truncate:false, stagger:false, skip:false}
With these properties, the output is:
WebFOCUS |