Questions tagged [angular-chart]

Angular Chart is a set of AngularJS bindings for the Chart.js library. Use this tag for questions specifically related to the AngularJS bindings, not for general Chart.js questions.

303 questions
0
votes
0 answers

Angular charts reloading when closing developer tools

On a page that i'm working on, I use angular charts. But I noticed that every time I open developer tools (F12)(tested in Chrome & Firefox) and then close it, when i'm closing the developer tools, the charts reload. Anyone has an idea on why does it…
Joe
  • 443
  • 1
  • 4
  • 21
0
votes
1 answer

Angularjs Charts are not resizing

I have a small webapp using angularjs and I am trying to sue two charts from the angularJS library. I am using a bar and a pie. They are rendering fine but for some reason they refuse to resize as the display get small or bigger. My HTML…
BB Developer
  • 374
  • 3
  • 18
0
votes
1 answer

legend not displayed for radar Angular-chart.js

I'm trying to create a radar chart using angular-chart js and chartjs 2.1. I was able to display the graph but not the legend. would you help me to display it. here is a plunker for what I've done
Med
  • 241
  • 1
  • 6
  • 23
0
votes
1 answer

Having different colors per bar with angular charts chart.js v2

How do you have each bar in a bar chart have a different color using angular-chartjs on the chartjs 2.0 branch? My canvas looks like this:
user133688
  • 6,864
  • 3
  • 20
  • 36
0
votes
4 answers

Angular-Chart.js it doesn't display the chart

I am trying to use Angular-chart.js it doesn't display anything for me here is my javascript and html page (function(){ angular.module("app", ["chart.js"]).controller("BarCtrl", function ($scope) { $scope.labels = ['2006', '2007', '2008',…
0
votes
1 answer

Using chart.js in HotTowel , Angular.js

I'm trying to use the Line chart sample in my HotTowel project, But it does not return any result. Here is my dashboard code: (function () { 'use strict'; var controllerId = 'dashboard'; angular.module('app').controller(controllerId,…
Amin Mohammadi
  • 183
  • 2
  • 17
0
votes
2 answers

Usage for angular-chart : colors and fonts

I would like to change font size and border colors for this chart. Hence I don't know how to do it, I tried to put these options at different places but nothing seems to work. I can't get the logic of the binding between angular-chart options and…
Maxime B
  • 966
  • 1
  • 9
  • 30
0
votes
2 answers

Can I define data point color with a function when using angular-chart?

https://github.com/GraFiddle/angular-chart In the C3 library there is a sample for data-dependent color (http://c3js.org/samples/data_color.html): var chart = c3.generate({ data: { ..., color: function (color, d) { …
jcollum
  • 43,623
  • 55
  • 191
  • 321
0
votes
1 answer

Add angular-chart.js to Rails application.js file

I'm trying to setup angular-chart.js in an Angular on Rails application, per github instructions. But the documentation is not specifically for Rails so I'm running into errors. Installation instruction: http://jtblin.github.io/angular-chart.js/ For…
tim_xyz
  • 11,573
  • 17
  • 52
  • 97
0
votes
2 answers

Can't manage to render a chart with angular-chart

I don't understand why my chart is not rendered. I followed rigorously the instructions from the git-hub account of angular-chart.js Here is a plunker of my situation : http://plnkr.co/edit/x7XJhxxvYMzWr3u7lBcJ?p=preview As you can see, I can read…
BoobaGump
  • 525
  • 1
  • 6
  • 17
0
votes
1 answer

Chart not displaying on page load

I am currently using angular-charts in my application. I created a line chart which worked perfectly, however when adding a second chart (pie) the first chart does not show on the front end until I either hovered over it or resize the window. I have…
John Cooling
  • 405
  • 4
  • 23
0
votes
1 answer

When I try to include the chart.js and angular chartjs files, I get: ReferenceError: require is not defined

I am working on an angularjs site - angular is already included. We have code that loops through js scripts in a specific folder and adds them to a bundle, so the script references get emitted on the main page (we are using single page…
MsGirlPerl
  • 337
  • 1
  • 4
  • 11
0
votes
3 answers

Chart.js AngularJS JSON to Arrays

To display some data from my database I would like to use this nice graph library (Angular Chart). The format of the data bugs me a little, I have some nice JSON data coming from my database in this format: { "data": [ { "meting":…
Thijs
  • 1,423
  • 15
  • 38
0
votes
1 answer

Limit the ScaleGridLines till last point in angular-chart

Having an issue with the angular-chart.js it does display the grid lines even beyond the chart last point. you can see the grid drawn even after the last point.
Sheetal
  • 1,368
  • 1
  • 9
  • 15
0
votes
1 answer

Angular-chart copied from example not showing up

Here's a plunker of my code: http://codepen.io/anon/pen/BKNNjx The…
xtrinch
  • 2,232
  • 1
  • 24
  • 46