ZingChart-AngularJS Tutorial - Part 3.3

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

by Sajeetharan Sinnathurai

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-json="myJson" zc-height="300" zc-width="500" zc-type="bar"></zingchart>
</div>

JavaScript

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

app.controller('MainController', function($scope){
    $scope.myJson = {
    	'plot': {
        'styles': ['#yellow', 'red', 'blue']
      },
      'scale-x': {
      	'values': ['white', 'red', 'pink']
      },
      'type': 'bar',
      'series': [{
        'text': 'Product History Color',
        'values': [2, 6, 8]
      }]
    }
});