Offset the data axes if there are more than two data sets in a chart
HTML Chart Control
Offset the data axes if there are more than two data sets in a chart
Technologies > User Interface Add-Ins > HTML Chart Views > Column Chart Mixed with Line Example
You can display more than two data axes by setting a different offset for each axis to left side and right side interchangeably.
<view version="2.0"> <title translatable="true">Column Chart Mixed with Line Example</title> <dataSource id="chartColLine_ds" type="grouping"> <table name="rm"/> <field table="rm" name="fl_id" groupBy="true"/> <field name="total_area_rm" formula="sum" baseField="rm.area" dataType="number" size="6" decimals="2" /> <field name="total_count_em" formula="sum" baseField="rm.count_em" dataType="number" size="6" decimals="0"/> <field name="total_area_chargable" formula="sum" baseField="rm.area_chargable" dataType="number" size="6" decimals="2" /> <field name="total_cost" formula="sum" baseField="rm.cost" dataType="number" size="6" decimals="2" /> <sortField name="fl_id" ascending="true"/> </dataSource> <panel id="chartColLine_chart" type="htmlChart" controlType="columnLineChart" dataSource="chartColLine_ds" showLegendAsPopUp="false"> <title translatable="true">Room Area and Employee Headcount By Floor</title> <groupingAxis table="rm" field="fl_id"> <title translatable="true">Floors</title> </groupingAxis> <dataAxis table="rm" field="total_area_rm" displayAxis="true"> <title>Total Room Area</title> </dataAxis> <!-- type="line" will display dataAxis as a line inside a column chart. At this point, type="line" is the only optional --> <dataAxis table="rm" type="line" displayAxis="true" field="total_count_em"> <title>Total Employee Headcount</title> </dataAxis> <dataAxis table="rm" type="line" field="total_area_chargable" displayAxis="true"> <title>Total Chargable Area</title> </dataAxis> <dataAxis table="rm" type="line" field="total_cost" displayAxis="true"> <title>Total Cost</title> </dataAxis> </panel> </view>
The resulting view appears as the following.
Example view : http://localhost:8080/archibus/schema/ab-products/solutions/parts/htmlchart/ab-ex-htmlchart-multiseries-axesoffset.axvw