Posted by & filed under Technical Tips.

 

[XML Code for Layout ]

<KoolChart>

<Options>

<Legend defaultMouseOverAction=”false” useVisibleCheck=”true”/>

</Options>

<Column3DChart showDataTips=”true” selectionMode=”true” columnWidthRatio=”0.45″ >

<horizontalAxis>

<CategoryAxis categoryField=”Status”/>

</horizontalAxis>

<verticalAxis>

<LinearAxis maximum=”70″ labelJsFunction=”protestLabelFunc”/>

</verticalAxis>

<series>

<Column3DSeries labelPosition=”none” yField=”Non-violent” displayName=”Non-violent” />

<Column3DSeries labelPosition=”none” yField=”Violent” displayName=”Violent” />

</series>

<backgroundElements>

<Image source=”http://www.koolchart.com/seo_images/protest.jpg” maintainAspectRatio=”false” alpha=”0.7″/>

</backgroundElements>

</Column3DChart>

</KoolChart>

 

Column 3D Chart Demo