This example demonstrates generating a basic stock chart.

<div data-bind="kendoStockChart: { data: items, dateField: 'Date',
    series: [{
        type: 'candlestick', 
        openField: 'Open', 
        highField: 'High',
        lowField: 'Low',
        closeField: 'Close'
    }],
    navigator: {
        series: {
            type: 'area', field: 'Close'
        },
        select: {
            from: '2000/01/03', to: '2000/01/07'
        }
    }
}"> 
</div>

var ViewModel = function() {
    this.items = [
        { Date: new Date("2000/01/03"), Open: 42, High: 42.13, Low: 39.81, Close: 40.5 },
        { Date: new Date("2000/01/04"), Open: 40, High: 41.23, Low: 39.75, Close: 41 },
        { Date: new Date("2000/01/05"), Open: 41, High: 42.23, Low: 40.38, Close: 42 },
        { Date: new Date("2000/01/06"), Open: 42, High: 43.13, Low: 41.68, Close: 43 },
        { Date: new Date("2000/01/07"), Open: 43, High: 43.03, Low: 39.38, Close: 40 }
    ];
};      

                            ko.applyBindings(new ViewModel());