igFinancialChart propertyChanged event not fired

by georgianastasov

HTML

<script src="https://igniteui.com/js/modernizr.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.dv.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>

    <div id="chart" style="width:800px;height:400px"></div>

JavaScript

$(function () {
                var data = [];
                var open = 500
                var close = 0;
                var high = 0;
                var low = 0;
                var mod = 0;
                var volume = 10000;
                var total = 30;
                var range = 5;
                var date = new Date(126240840000);
 
                for(i=1; i<total; i++){
                    low = open - (getRandomBetween(0.1, 0.9) * range);
                    high = open + (getRandomBetween(0.1, 0.9) * range);
                    mod = getRandomBetween(0.1, 0.9) - 0.4;
                    close = open + (mod * range);
 
                    var item = {"Low": low, "High": high, "Volume": volume, "Date": date, "Open": open, "Close": close};
                    data.push(item);
 
                    open = open + (mod * range * 2);
                    volume = volume + (mod * range * 100);
                    date = new Date(126240840000 + (86400000 * i));
                } 
 
                $("#chart").igFinancialChart({
                    dataSource: data,
                    //fired
                    dataBound: function (evt, ui) {
                			console.log('dataBound:');
                    	console.log(evt);
                    	console.log(ui);
                		},
                    //nor fired
                    propertyChanged: function (evt, ui) {
                			console.log('propertyChanged:');
                    	console.log(evt);
                    	console.log(ui);
                		}
                    
                });
     
            });
 
            function getRandomBetween(min, max){
                return Math.floor(Math.random() * (max - min + 1)) + min;
            }