Solved

angular chart is not rendering

Posted on 2016-10-17
2
17 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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

You have this traditional web application that refreshes the whole page each time you navigate and you think it's a good time to convert it to a Single-Page approach. What should you know in advance? Read on, I'll guide you through it.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Sending a Secure fax is easy with eFax Corporate (http://www.enterprise.efax.com). First, Just open a new email message.  In the To field, type your recipient's fax number @efaxsend.com. You can even send a secure international fax — just include t…
Access reports are powerful and flexible. Learn how to create a query and then a grouped report using the wizard. Modify the report design after the wizard is done to make it look better. There will be another video to explain how to put the final p…

760 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now