Is there any other way to get the kendo chart with out using jquery?

2 posts, 0 answers
  1. developer
    developer avatar
    58 posts
    Member since:
    Nov 2015

    Posted 31 Mar Link to this post

    Hi..

    I'm using kendo charts,date pickers and grid using angular js in my project.to get the grid details instead of using jquery im assigning name to grid like below.

     View:

     <div class="kendo-grid-wrap" kendo-grid="produtionSchedule" k-options="produtionSchedule"></div>

    Controller:

    Using grid name accessing all the properties and methods of kendo grid

    example

    var dataSource = $scope.produtionSchedule.dataSource.data;

    $scope.produtionSchedule.showColumn();

    For grid im able to assign name accessing properties and methods,how can i do same thing for kendo charts and date pickers and ,if i try to assign name to chart or date picker control it self not loading.

    Here is the code that i tried with kendo chart :

     <div ng-show="utilisation.utilisationList.length != 0" kendo-chart
             k-legend="{visible:true}"
             k-series-defaults="{ type: 'pie',labels: {visible: true,background: 'transparent',template:'#= category #:
             #= value#%',format:'{0:P}%'}}"
             k-tooltip="{visible: true,format:'{0}',template:'#= category #: #= dataItem.time# hr'}"
             k-series="[{field: 'value', categoryField: 'category',explodeField:'explode'}]"
             k-data-source="utilisation.utilisationEventDetails"></div>

    is there any solution to solve this issue..?

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    349 posts

    Posted 04 Apr Link to this post

    Hi,

    Please refer to the following section of our documentation, describing how to get a reference to a Kendo UI Widget in the controller. The runnable examples, demonstrating the two possible approaches, use a DatePicker, but the same principles apply for the Chart and other widgets as well:

    http://docs.telerik.com/kendo-ui/AngularJS/introduction#widget-references

    I hope this helps.

    Regards,
    Dimiter Topalov
    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