Solved

angular chart is not rendering

Posted on 2016-10-17
2
46 Views
Last Modified: 2016-11-13
Hi,

I'm using the Angular Charts to draw a bar graph in my application. However the chart is not rendering. There are no errors shown in the dev tools too.

<canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" width="200" height="200"></canvas>

This is bound to my main controller and the values are defined as below

angular.module('app', ['chart.js']);

I've added all the dependencies. Including the javascript files.
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<script src="http://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script>

Any help will be much appreciated. Thanks!
0
Comment
Question by:KavyaVS
2 Comments
 
LVL 27

Accepted Solution

by:
BigRat earned 500 total points
ID: 41848238
Which one are you using, because I don't recognize the version from the CDN links.

If it is this one
https://www.npmjs.com/package/angular-chart.js/
then we'll need to see how you have set up the config and the controller.
0
 

Author Closing Comment

by:KavyaVS
ID: 41885322
Thanks
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Microsoft Active Directory, the widely used IT infrastructure, is known for its high risk of credential theft. The best way to test your Active Directory’s vulnerabilities to pass-the-ticket, pass-the-hash, privilege escalation, and malware attacks …
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question