G38 Bar Chart

The bar chart may consist of as many increment marks as needed however it should be limited to keep the chart at a reasonable size. Each bar is a DIV object with it's height style set inline in the HTML. Each increment mark on the left side of the bar chart represents 33 pixels of bar height so the bars may be set accordingly.

The only limitation of the chart is that the title's below each bar may NOT exceed three lines of text. You will notice that the titles are style to not wrap and when they text is longer it will simply space out each bars. In order to wrap the text to a new line a BR tag should be used to break the text wherever it is appropriate.

There are four colors available as illustrated in the example, however any combination may be used.

When using this component in a grey background such as the d07v4 container or the pc01 container, it should be placed in a nested pc01v2 component so that it will display on a white background.