About This Release > Charting With WebFOCUS > Controlling the Width of an Absolute Bar Chart Inset

Controlling the Width of an Absolute Bar Chart Inset

How to:

In an absolute bar chart, the bar centers are at the same x-axis point (for a vertical chart) or the same y-axis point (for a horizontal chart). The bar for the first series in the request is placed at the back, with the bars for each subsequent series placed on top of the previous one. The width of each bar added to the chart is scaled so that the bar in back of it remains visible on the sides. Using the absoluteInset property, you can define the width of the smallest bar as a percentage of the width of the largest bar. The other bars will be scaled accordingly

Syntax: How to Control the Width of an Absolute Bar Chart Inset 

blaProperties: {
   absoluteInset: n 
           }

where:

n

Is a decimal number between 0 and 1 that represents the width smallest bar as a percentage of the width of the largest bar. The default value is 0.7, which represents 70%.

Note: You can disable the inset effect by setting the absolueInset value to 1. This makes all of the bars the same width so that they completely overlap each other.

Example: Specifying an Inset for an Absolute Bar Chart

The following request makes the width of the smallest bar 30% the width of the largest bar. 

GRAPH FILE WF_RETAIL_LITE
SUM COGS_US 
REVENUE_US
BY PRODUCT_CATEGORY
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET LOOKGRAPH BAR
ON GRAPH SET STYLE *
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/combine_templates/ENWarm.sty,$
type=report, chart-series-layout=absolute,$
type=data, column=product_category, bucket=x-axis, $
type=data, column=cogs_us, bucket=y-axis, $
type=data, column=revenue_us, bucket=y-axis, $ 
*GRAPH_JS
blaProperties: {
   absoluteInset: .3    
  }
*END
ENDSTYLE
END

The output is shown in the following image.

The following image shows the bar chart without the absoluteInset property.

WebFOCUS

Feedback