Solved

angular chart is not rendering

Posted on 2016-10-17
2
153 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Transaction Monitoring Vs. Real User Monitoring

Synthetic Transaction Monitoring Vs. Real User Monitoring: When To Use Each Approach? In this article, we will discuss two major monitoring approaches: Synthetic Transaction and Real User Monitoring.

Question has a verified solution.

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

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.
In this video, viewers will be given step by step instructions on adjusting mouse, pointer and cursor visibility in Microsoft Windows 10. The video seeks to educate those who are struggling with the new Windows 10 Graphical User Interface. Change Cu…
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.

729 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