ZingChart - AngularJS Directive

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

by mschultz

HTML

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

JavaScript

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

app.controller('MainController', function($scope){
    
    $scope.myValues = [[0,2,3,4],[9,6,4,3]];
    $scope.myObj = {
      series:[
            {
                lineColor:"#900000",
                marker:{
                    backgroundColor:"#dc3737",
                    borderWidth:1,
                    shadow:0,
                    borderColor:"#f56b6b"
                }
            },
            {
                lineColor:"#efe634",
                marker:{
                    backgroundColor:"#fff41f",
                    borderWidth:1,
                    shadow:0,
                    borderColor:"#fdffc0"
                }
            },
        ]
    };
        
});