ui-chart
ui-chart copied to clipboard
Getting error using ui-chart
I am new to angularjs and want to use ui-chart and i copy past the code from <http://angular-ui.github.io/ui-chart/ >but it don,t show any graph.Please help me.
=================index.html=======================
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="dist/jquery.jqplot.min.js"></script>
<script src="dist/plugins/jqplot.pieRenderer.js"></script>
<script src="ui-chart.js"></script>
<script src="ui-chart.min.js"></script>
<script src="app.js"></script>
==============app.js=======================
angular.module('myChartingApp', ['ui.chart']) .value('charting', { pieChartOptions: { seriesDefaults: { // Make this a pie chart. renderer: jQuery.jqplot.PieRenderer, rendererOptions: { // Put data labels on the pie slices. // By default, labels show the percentage of the slice. showDataLabels: true } }, legend: { show:true, location: 'e' } } }) .controller('DemoCtrl', function ($scope, charting) { $scope.someData = [[ ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], ['Out of home', 16],['Commuting', 7], ['Orientation', 9] ]];
$scope.myChartOpts = charting.pieChartOptions;
});