All Components


    Funnel Charts / AngularJS

    Hover some series



    The Kendo UI chart features inborn integration with AngularJS using directives which are officially supported as part of the product. To make use of this integration, you need to reference the Angular scripts in your app and register the module incorporating the Kendo UI directives in the following way:

    angular.module("KendoDemos", [ "kendo.directives" ])

    Thus you can utilize the AngularJS framework in combination with our chart for apps which could benefit from such integrations. Further, you can specify chart options as fields in the $scope and then associate them via the relevant k- chart Angular attribute definition. This is demonstrated in the demo at hand.

    Additional information about how to use Kendo UI widgets with AngularJS you can gather from this help resource.

    HTML5/JavaScript source

    API Reference
    • angular.html
    • Widget configuration

    Support & learning resources