Kendo UI R3'17 Release Webinar is near! Sign up to watch technical demos of the freshly released bits, including support for React and Vue.
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Line Charts / AngularJS

      Hover some series

      Console

      Description

      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