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.
Questions tagged [angular-chart]
303 questions
0
votes
1 answer
Set Chart-click property of Angular chart
I would like to know that how I can set the chart-click property through java script for a given canvas element. I tried doing
angular.element(document.getElementById(id))[0].attributes[attributeName].value =value;
but of no help I guess.
I…
Vishal Chaturvedi
- 110
- 9
0
votes
0 answers
How to display label and data on pie chart using angular charts
Hi How to always display tooltips on pie chart using angular chart.
I'm trying using this part of code:
$scope.options = {
showToolTips: true,
tooltipEvents: [],
onAnimationComplete: function() {
…
Edin Puzic
- 998
- 2
- 19
- 39
0
votes
1 answer
How to display data on hover inside doughnut chart in Angular Chart?
Hi how to display data on hover inside doughnut chart using Angular Chart
Something like this:
Edin Puzic
- 998
- 2
- 19
- 39
0
votes
1 answer
angularchart.js stacked bar chart colors
I'm working with an elementary example of stacked bar chart. I would like to define a different color for every series (apple, banana, ...).
However when I try to set chart-colors=["#aaa","#bbb",...] I get random colors as result.
Here is my…
Zdenek
- 1
- 1
0
votes
1 answer
$scope.chart undefined in angular-chart
I need to make chart that have onClick event and get label that was clicked. I found and adapt solution. This is my code:
$scope.chart;
$scope.onClick = function (points, evt) {
console.log(points, evt);
if ($scope.chart) {
…
Capitan Planet
- 155
- 3
- 14
0
votes
1 answer
Connect an Angular Bar chart to endpoint data
I am new to Angular Charts and don't have a clue how to to connect the endpoint JSON data to the graph. I followed the instructions in AngularCharts to populate the bar chart with rough data.
HTML :
…
Phoenix
- 285
- 9
- 28
0
votes
1 answer
Angular Dynamic Chart Generate
I am using Chart Js and Angular Chart Directive. I need bar chart dynamically in my ng-repeat directive.
https://jtblin.github.io/angular-chart.js/
According to their documentation i have to give two arrays
$scope.labels = ['2006', '2007', '2008',…
Akash khan
- 861
- 13
- 25
0
votes
0 answers
How can I add new data to an angular-chart.js chart (instead of updating existing data)?
I would like to use a Chart.js line chart to show "live" data. Using vanilla Chart.js, this can be done be calling the .addData() and .removeData() functions. Here's an example:
http://jsbin.com/yitep/5/edit?html,js,output
How can I accomplish…
Nathan Friend
- 12,155
- 10
- 75
- 125
0
votes
1 answer
Angular chart tooltop animation not working
I have an Angular Chart Bar-Line chart, and it works, but the tooltop is different of this:http://jtblin.github.io/angular-chart.js/examples/stacked-bars.html
My chart tooltip is "static" like this:
http://jsfiddle.net/masiht/r5g6a3cd/
Fabio Mayorga
- 1
- 3
0
votes
2 answers
angular chart js set fill color of bar chart
i think im going crazy - i've literally looked through all the chart js and angular chart js documentation and examples and cannot change the fill color of my bar chart.
right now i have this in the html:
0
votes
1 answer
Refreshing scope variable not working with scope function
I'm trying to update data of my chart using chartJS and its wrapper angular-chart. When a button is clicked, it adds data on the chart, no problem with this.
I have another event, which update the chart after a scroll event. The call works great,…
Jibeee
- 822
- 1
- 11
- 26
0
votes
1 answer
background dont work in chart.js
I would like to ask for help with the following, the code works fine, but what does not work is the background of the bars of the graphics, that would be basically thanks
$scope.labels = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG',…
FERNANDO ORTIZ
- 329
- 6
- 20
0
votes
0 answers
Angular-chart.js styling
I am trying to remove extra space around the doughnut chart but can't figure out how to achieve this
Picture with extra space
Picture with amount of space I need to put the doughnut chart on the left side of the page and grid on the right
Thanks…
Apple Pie
- 93
- 3
- 13
0
votes
0 answers
Page with chart.js charts truncates first few pixels of charts on left side of window
I'm using angular-chart and charts.js to draw a set of charts on the page. I'm finding that my current layout ends up cutting off the first few pixels on the left side, if a chart is drawn on the left side. I'm currently viewing this on…
David M. Karr
- 14,317
- 20
- 94
- 199
0
votes
1 answer
angular-chart.js doughnut chart : how to show data in the center of a chart
I am using angular-chart.js library(https://jtblin.github.io/angular-chart.js/ ) for implementing doughnut chart and I have a requirement
I want to show the total data in middle of a chart as shown below
Check this image
Can I do that with the…
user3709671
- 25
- 2
- 6