Navigator not poping up ...

[jan willem fransen]

Hello,

I'm trying to recreate something similar to the stock demo. The problem I run into is that I do see the chart, but the navigator is not visible

I use the following simplified script (I allredy played with options)

$(function () {

    function createChart() {

        var id = $("#chart").data('id');

        $("#chart").kendoChart({
            theme: "metro",
            legend: {
                position: "bottom"
            },
            dataSource: {
                transport: {
                    read: "/api/details/" + id,
                    type: "odata"
                }
            },
            series: [{
                type: "line",
                field: "AvgResponseTijd"
            }],
            categoryAxis: {
                field: "Datum",
                type: "date",
                baseUnit: "hours",
                labels: {
                    rotation: -30
                }
            },
            navigator: {
                series: [{
                    type: "line",
                    field: "AvgResponseTijd"
                }],
            }
        });
    }
    $(document).ready(createChart);
    $("#example").bind("kendo:skinChange", createChart);

});

The json as the following pattern:

<TestResultaatPeriodiek>
<AvgResponseTijd>177.00</AvgResponseTijd>
<Datum>2014-05-22T15:10:00</Datum>
</TestResultaatPeriodiek>
<TestResultaatPeriodiek>
<AvgResponseTijd>99.00</AvgResponseTijd>
<Datum>2014-05-22T15:20:00</Datum>
</TestResultaatPeriodiek>
<TestResultaatPeriodiek>
<AvgResponseTijd>120.00</AvgResponseTijd>
<Datum>2014-05-22T15:30:00</Datum>
</TestResultaatPeriodiek>

Any help would be appreciated ;-)

-- jan willem

[Iliana Dyankova]

Hello Jan,

The navigator component is part from Kendo UI StockChart and cannot be used with Kendo UI Chart. What I can suggest is using a StockChart with line series (example).

Regards,
Iliana Nikolova
Telerik