Kendo Sparkline through AngularJS

2 posts, 0 answers
  1. Karimulla
    Karimulla avatar
    2 posts
    Member since:
    Jul 2013

    Posted 18 Jul 2013 Link to this post

    I'm trying to figure out how to bind the data to Kendo Sparkline through AngularJS, which works fine with normal HTML page by including all the required kendo styles and scirpting files to that page. Here is the original code that I have been working...

    HTML Code
    <table class="table">
    <tbody>
    <tr>
    <td>
    <span id="press-log"></span>
    </td>
    </tr>
    </tbody>
    </table>

    Angular Controller Code:

    <script type="text/javascript">
    angular.module('demoApp').controller('cc', ['$scope', function ($scope) {
    $scope.createSparklines = function () {
    $("#press-log").kendoSparkline({
    type: "area",
    data: [
    71, 70, 69, 68, 65, 60, 55, 55, 50, 52,
    73, 72, 72, 71, 68, 63, 57, 58, 53, 55,
    63, 59, 61, 64, 58, 53, 48, 48, 45, 45,
    63, 64, 63, 67, 58, 56, 53, 59, 51, 54
    ]
    });
    }

    $scope.createSparklines();

    } ]);
    </script>

    The Sparkline doesn't fires with the static values and even with an array object, Can you help me on this.
  2. Burke
    Admin
    Burke avatar
    11 posts

    Posted 19 Jul 2013 Link to this post

    Hi!

    Can you please open your issue on the GitHub repo?  This a labs project so we track all issues and bugs on GitHub.  Have a look at the following issue and see if it doesn't help answer your question.

     https://github.com/kendo-labs/angular-kendo/issues/54


    Cheers!

    Burke
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top