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
1 answer

generator-angular-fullstack cannot add angular-chart.js

I have recently started to use angular, more specifically the generator angular-fullstack (https://github.com/angular-fullstack/generator-angular-fullstack). I try to use the angular-chart-js (https://github.com/jtblin/angular-chart.js) library for…
0
votes
1 answer

How to add data labels in each bar in stacked bar chart in chart.js?

I am using a directive to use chart.js in Angular JS. Git Link : https://jtblin.github.io/angular-chart.js/ I am interested in using stacked bar charts. How do I add data labels on the bars to display each of the bar values in the stacked bar…
Sabyasachi
  • 411
  • 4
  • 9
  • 21
0
votes
1 answer

How to control width of chart using angular-chart and chart.js?

I'm using angular-chart (and Angular, obviously) and chart.js to draw several charts on a single page. Presently, each chart takes up the entire width of the screen. I've tried many different variations to limit the width based on a ratio of…
David M. Karr
  • 14,317
  • 20
  • 94
  • 199
0
votes
1 answer

Angular chartjs setting options

I've been bumping my head against this all morning. http://jsbin.com/cutumigexa/1/edit?html,js,output I cannot seem to set the lineTension (also tried tension) property on the line chart,I always get the bezier default lines.I basically need spiked…
vanzylv
  • 841
  • 2
  • 10
  • 22
0
votes
2 answers

How can I set different colours for each bar in angular-chart.js v1.0.0?

How can I do that in angular-chart.js v1.0.0 and off course ChartJS v2.1.6 How can I set different colours for each bar in angular-chart.js?
jesus.saad
  • 139
  • 2
  • 5
0
votes
2 answers

Make Chart.js ToolTip different then data

I am new to front-end development and I am curious what is the best way to have the tooltip in Chart 2.0 and Angular-Charts Beta 1.0 different from the label being passed back?: HTML:
user2402107
  • 913
  • 5
  • 22
  • 43
0
votes
1 answer

angular-charts 1.0.0 not working like inner directive when element

I`m using the new version of angular-chart.js (1.0.0), ChartJS 2.1.6 and Angular 1.5.7 This is my Plunk that works great when my directive is markup as attribute (cht), but does`t work as element (mychart):
and…
jesus.saad
  • 139
  • 2
  • 5
0
votes
0 answers

Not able to render charts in angular material grid list

I am new to chart.js and trying to plot charts in angular material grid list.I am using angular-chart.js and chart.js.I have included these from CDN
Deepthi S
  • 273
  • 1
  • 9
0
votes
1 answer

angular-chart.js data coming in halfway through the line chart

Is there a way to make the data come in halfway through the chart in angular-chart.js? Graph as I want it to look:- Like in the picture above, line 2 comes in at some point later in the graph. right now my data looks something like this: [ [1, 2,…
J. Smith
  • 13
  • 3
0
votes
1 answer

angular-chart not showing Pie Chart

I am having an issue within my AngularJS application not rendering the Pie Chart from angular-chart, which uses Chart.JS. I have registered chart.js as a dependency within my angular module as following: var app = angular.module("uniSurvey", …
Ryan S
  • 3,210
  • 17
  • 48
  • 79
0
votes
0 answers

Angular Chart JS does not render if EnableOptimizations is enabled MVC

I'm working in an application that uses Angular-Chart-Js I've added the scripts in my BundleConfig.cs, if the EnableOptimization is set as false, the chart shows correctly, but when I switch the value to false, the chart is not rendered and no…
Manuel Espino
  • 273
  • 3
  • 14
0
votes
1 answer

destroy multiple charts on same page

I am creating project using Angularjs. In my project I am integrating the charts using angularcharts.js.In my project am displaying two charts on same page. I want to destroy both charts when user change select some filed on select box, but I am…
angular
  • 553
  • 2
  • 7
  • 17
0
votes
2 answers

Trigger bar/pie graph highlight when hovering over an external element [chart.js / chart js] [AngularJS] [angular-chart.js]

I am using angular-chart.js to create a dashboard. Instead of using the built in legend within the canvas I created my own and am using ng-repeat to dynamically create the labels with matching colors. Now, what I would like to accomplish is this:…
0
votes
2 answers

Error: [$injector:nomod] Module 'chart.js' is not available

I am trying to use angular-chart.js in my application, though i'm getting the following error: Error: [$injector:nomod] Module 'chart.js' is not available I have followed suggestions from other questions to include Chart.js before angular-chart.js…
Tom O' Mara
  • 267
  • 1
  • 2
  • 15
0
votes
0 answers

Show the Angular-chart-js pop up information hidden overflow

i am trying to make the pop up information that angular-chart-js provides visible in its full lenght. My problem is as follow: I have mi charts inside a bootstrap defined column, usually when you hover over the chart you get the pop up information…