<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<!-- see ExtJS 4' documentation to view all possible options (
http://docs.sencha.com/ext-js/4-0/#!/guide/drawing_and_charting) -->
<EXTCHART height='500' width='700' animate='true' shadow='true'>
<!-- Legend object properties -->
<LEGEND position='bottom'/>
<!-- title object properties -->
<TITLE text='Test BAR Line Chart - 2Feb2016'>
<STYLE color='#003366' fontWeight='bold' fontSize='16px' />
</TITLE>
<!-- subtitle object properties -->
<SUBTITLE text='Monthly detail'>
<STYLE color='#8C4A4A' fontWeight='bold' fontSize='14px' />
</SUBTITLE>
<COLORS color="#8C4A4A,#C9B385, #0C2D83" />
<AXES_STYLE color='#C6DBEF' fontWeight='bold' fontSize='14px' fontFamily='Arial' />
<LABELS_STYLE color='#6D869F' fontWeight='bold' fontSize='14px' fontFamily='Arial' />
<!-- Axis properties -->
<AXES_LIST>
<AXES title='Values' type='Numeric' minimum='0' position='left' fields_list="SALES_STORE,COSTS_STORE">
<GRID>
<ODD opacity='1' fill='#ddd' stroke='#bbb' stroke-width='0.5'/>
</GRID>
</AXES>
<AXES title='Revenues' type='Numeric' position='right' fields='REVENUE'/>
<AXES title='Month' type='Category' position='bottom' fields='x'/>
</AXES_LIST>
<!-- Series properties -->
<SERIES_LIST>
<SERIES type='column' axis='right' fill='true' xField='x' yField='REVENUE' smooth='true' >
<TIPS trackMouse='true' width='140' height='28' />
<MARKER_CONFIG type='circle' size='4' radius='4' />
</SERIES>
<SERIES type='line' axis='left' xField='x' yField='SALES_STORE' >
<TIPS trackMouse='true' width='140' height='28'/>
<MARKER_CONFIG type='cross' size='4' radius='4' />
</SERIES>
<SERIES type='line' axis='left' xField='x' yField='COSTS_STORE'>
<TIPS trackMouse='true' width='140' height='28' />
<MARKER_CONFIG type='circle' size='4' radius='4' />
</SERIES>
</SERIES_LIST>
</EXTCHART>