ZingChart-AngularJS Tutorial - Part 3.3

https://github.com/zingchart/ZingChart-AngularJS

by mschultz

HTML

<script src="https://rawgit.com/zingchart/ZingChart-AngularJS/master/src/zingchart-angularjs.js"></script>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<div ng-controller="MainController">
    <zingchart id="chart-1" zc-values="myData" zc-render="myRender"></zingchart>
</div>

JavaScript

var app = angular.module('myApp',['zingchart-angularjs']);

app.controller('MainController', function($scope){
    $scope.myData = [[1,4,5,5,10], [9,3,4,5,6]] ;
    $scope.myRender = {
        output : "canvas",
        events : {
            complete : function(p) {
                console.log("Chart is finished");
                alert("Chart is finished!");
            }
        }
    }
});