angular chart is not rendering

Posted on 2016-10-17
Medium Priority
Last Modified: 2016-11-13

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!
Question by:KavyaVS
LVL 27

Accepted Solution

BigRat earned 2000 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
then we'll need to see how you have set up the config and the controller.

Author Closing Comment

ID: 41885322

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

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…
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.
This video tutorial shows you the steps to go through to set up what I believe to be the best email app on the android platform to read Exchange mail.  Get the app on your phone: The first step is to make sure you have the Samsung Email app on your …
In the video, one can understand the process of resizing images in single or bulk. Kernel Bulk Image Resizer is an easy to use tool for resizing large number of images. One can add and resize multiple images with this tool in single go. The video sh…

586 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