This is a migrated thread and some comments may be shown as answers.

Navigator not poping up ...

1 Answer 9 Views
Charts
This is a migrated thread and some comments may be shown as answers.
jan willem fransen
Top achievements
Rank 1
jan willem fransen asked on 24 May 2014, 01:15 PM
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


1 Answer, 1 is accepted

Sort by
0
Accepted
Iliana Nikolova
Telerik team
answered on 27 May 2014, 04:15 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
jan willem fransen
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or