Stack Overflow
Stack Overflow

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
15
votes
2 answers

Render a legend on angular-chart.js doughnut chart

I've followed angular-chart.js documentation, and created a chart, but am unable to render a legend with it. I don't understand why its not working. Documentation: http://jtblin.github.io/angular-chart.js/ Similar SO question: How to color legend…
tim_xyz
  • 11,573
  • 17
  • 52
  • 97
8
votes
1 answer

NullInjectorError: No provider for InjectionToken NGX_ECHARTS_CONFIG

I am working on the angular application, When I open my project it is giving me the error like below ERROR NullInjectorError: R3InjectorError(IndexModule)[InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken…
Jeb
  • 447
  • 2
  • 6
  • 13
7
votes
4 answers

Angular Primeng: ERROR ReferenceError: Chart is not defined at UIChart.initChart (chart.js:53)

Angular Primeng: ERROR ReferenceError: Chart is not defined at UIChart.initChart (chart.js:53) …
Radhika Kandasamy
  • 161
  • 1
  • 3
  • 12
7
votes
2 answers

Unable to parse color in line chart (angular-chart.js)

I have 2 types of charts bar and line. This is my view (in slim): canvas#line.chart.chart-line( ng-if="stateStats == 'global'" chart-data="data" chart-labels="labels" chart-colours="colours" ) …
myf
  • 185
  • 1
  • 3
  • 11
7
votes
5 answers

Changing width and height in angular-chart.js module

I'm using the angular module angular-chart.js. It is simple to work with and very smart. But I've noticed that I can't change the width and height of the charts. Somewhere I've read that I have to define the size of the chart as follows: var vm =…
yuro
  • 2,189
  • 6
  • 40
  • 76
7
votes
1 answer

Different color for each column in angular-chartjs bar chart

I'm using angular-chartJS in a project I'm working on and I need a different color for each bar in a Bar Chart. Canvas: Controller: $scope.medal_ticks =…
Backer
  • 1,094
  • 1
  • 20
  • 33
6
votes
1 answer

How to make a custom legend in angular-chart.js Pie Chart

I used angular-chart.js in my website to create a Pie chart, and I would like to customize the legend. By default, the legend shows the color and the label. (As shown in the picture below) I would like to add the value/data of that label, like what…
Christa
  • 63
  • 1
  • 1
  • 8
6
votes
1 answer

angular-chartjs line chart TypeError: t.merge is not a function

I am trying to use the line chart example @ http://jtblin.github.io/angular-chart.js/. I'm getting the following error. Can anyone provide me with some pointers? error in console Here is my code. I've tried moving the html out of ui-view to see if…
Ali Kareem Raja
  • 566
  • 1
  • 7
  • 21
6
votes
2 answers

Angular-chart.js - Make line chart does not curve

I'm using line chart directive from Angular-Chart.js (at https://jtblin.github.io/angular-chart.js/#line-chart). As you can see at above link, a line chart is curve. I don't want curve, I'd like straight line. How can I config line chart to make it…
tana
  • 585
  • 1
  • 5
  • 16
6
votes
3 answers

angular-chart.js bar chart with 100% opacity color

UPDATE 02-JUNE-2017: We fixed the problem but not from the answers here. I will try to add the solution we have if I found it. We also switched to angular-nvd3 which uses d3. EDIT 1: Added backgroundColor in options, still doesnt work. Not sure if I…
Dev
  • 1,592
  • 2
  • 22
  • 45
5
votes
4 answers

Vertical lines on hover in google charts

I am working with google line charts and angularjs directive in my project, I am searching how to get vertical lines on hover like Google Trends instead put a fixed lines, but I can't find how to do this. This is that I want trying to do: I just…
xzegga
  • 3,051
  • 3
  • 25
  • 45
5
votes
4 answers

How to have solid colored bars in angular-chart bar chart

I'm using angular-chart (based on chart.js) to create some bar charts and am having trouble getting the bar styling I want. I want the bars to be solid colors like this: But I can't figure out how to get rid of the alpha that chart.js adds by…
Jason
  • 2,455
  • 4
  • 37
  • 48
5
votes
1 answer

set y-axis scale manually in a bar chart using angular-chart.js

I'm creating a bar chart using angular-chart.js(0.9.0). The version of Chart.js being used along is 1.0.2. In my chart, unfortunately, the range of values is very broad. The highest value being in 90,000s and the lowest values being in 4s or 40s.…
Yash Kapila
  • 261
  • 7
  • 17
5
votes
2 answers

angular chart chart.js injector error

I am trying to implement angular chart with my app. I bower installed angular-chart.js and have chart.js listed as a dependency. However when I load my page I get the following error: angular.js:68 Uncaught Error: [$injector:modulerr] Failed to…
Kate S
  • 318
  • 4
  • 14
5
votes
4 answers

angular-charts not working with requirejs

i am trying to use angular-chart but i couldn't figure how to add dependencies correctly. i am getting following error Uncaught TypeError: Cannot read property 'defaults' of undefined in the angular-chart.js (function (factory) { 'use…
mzain
  • 383
  • 2
  • 9
1
2 3
…
20 21