linechart-kendohigg-comparison

JavaScript performance comparison

Test case created by paulo

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="kendoLineChart" style="height: 250px; width: 50%; float: left;"></div>

        <div id="highLineChart" style="width: 50%; height: 250px; float: right"></div>

<script type="text/javascript">

        function kendoChart() {
                $("#kendoLineChart").kendoChart({
                title: {
                    position: "top",
                    text: "Population Growth"
                },
                legend: {
                    visible: false
                },
                chartArea: {
                    background: ""
                },
                seriesDefaults: {
                    labels: {
                        visible: true,
                        background: "transparent",
                        padding: {
                            bottom: -5
                        }
                    }
                },
                series: [{
                    type: "line",
                    field: "value",
                    colorFiled: "color",
                    categoryField: "category",
                    name: "value",
                    data: [{
                        category: "Asia",
                        value: 53.8
                    }, {
                        category: "Europe",
                        value: 16.1
                    }, {
                        category: "Latin America",
                        value: 11.3
                    }, {
                        category: "Africa",
                        value: 9.6
                    }, {
                        category: "Middle East",
                        value: 5.2
                    }, {
                        category: "North America",
                        value: 3.6
                    }]
                }],
                valueAxis: {
                    line: {
                        visible: false
                    },
                    minorGridLines: {
                        visible: false
                    }
                },
                categoryAxis: {
                    majorGridLines: {
                        visible: true
                    }
                },
                tooltip: {
                    visible: true
                }
            });
        }
       
        function highChart() {
               $('#highLineChart').highcharts({
                title: {
                    text: 'Population Growth'
                },
                legend: {
                    enabled: false
                },
                plotOptions: {
                    series: {
                        dataLabels: {
                            enabled: true
                        }
                    }
                },
                series: [{
                    name: 'Brands',
                    data: [{
                        name: "Asia",
                        y: 53.8
                    }, {
                        name: "Europe",
                        y: 16.1
                    }, {
                        name: "Latin America",
                        y: 11.3
                    }, {
                        name: "Africa",
                        y: 9.6
                    }, {
                        name: "Middle East",
                        y: 5.2
                    }, {
                        name: "North America",
                        y: 3.6
                    }]
                }]
            });
        }

</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
kendoChart
kendoChart();
pending…
highChart
highChart();
pending…

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments

Add a comment