Can't use a chart module with angularjs

Question

I am new to use angular.js.

I want to use gauge module ,but after i finish my html following Angular Gauge Document,it's not working(browser shows nothing). I guess the problem is i didnt make the module work. Can anybody tell me what is wrong with my code.

<!DOCTYPE HTML>
<html>
<body ng-app = "myApp">
<ng-gauge size="150" type="full" thick="5" 
      min="0" max="120" value="68.2" 
      cap="round" label="Speed" append="mph"
      foreground-color="#ffcc66" background-color="#EEE">
</ng-gauge>
</body>

<script src="http://cdn.static.runoob.com/libs/angular.js/1.6.4/angular.min.js"></script>
<script src="node_modules/angular/angular.min.js"></script>
<script src="node_modules/angular-gauge/dist/angularjs-gauge.min.js"></script>

<script>

angular.module('myApp', ['angularjs-gauge']);

</script>
</html>

Plus, in the document installation part,it says:

As soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the chart.js module:

i didnt use chart.js module in my project,so which chart.js file this guide refer to ?

Naren Murali · Accepted Answer · 2017-08-25 17:01:35Z

1

You need to include the script tags inside the body tag, also you included the angular.min.js twice.

<!DOCTYPE HTML>
<html>
<body ng-app = "myApp">
<ng-gauge size="150" type="full" thick="5" 
      min="0" max="120" value="68.2" 
      cap="round" label="Speed" append="mph"
      foreground-color="#ffcc66" background-color="#EEE">
</ng-gauge>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
<script src="https://rawgit.com/ashish-chopra/angular-gauge/master/src/angularjs-gauge.js"></script>

<script>

angular.module('myApp', ['angularjs-gauge']);

</script>
</body>

</html>

answered Aug 25, 2017 at 17:01

Naren Murali

66.3k6 gold badges51 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can't use a chart module with angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related