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
3
votes
1 answer
Getting access to already created Chart.js chart
I have created a BarChart with angular-chart like this:
3
votes
2 answers
angular-chart.js : how to show numbers in each bar of stacked bar chart
I am using angular-chart.js to draw some charts. We know now chart.js supports stacked bar chart. But I have not found how to show numbers in each bar, like following:
From above pic we can see each bar has number on it. Does anyone know how to…
ahwyX100
- 585
- 2
- 9
- 22
3
votes
3 answers
chart.js chart-click pass parameter in Angular controller
I'm using chart.js/angular-chart.js to display some data in pie charts.
I need functionality where when a user will click on a label within the chart pie the click event will copy over the selected chart value.
I'm able to trigger the event by…
Laziale
- 7,965
- 46
- 146
- 262
3
votes
2 answers
Angular chart how to show the legend data value by default along with legend name
I am using angularjs chart, Chart.min.js and angular-chart.min.js
It shows the legend only the "labels" i want to see also the "data" by default along with the label, either as part of legend or within the pie chart section itself.
can any one…
Krish
- 489
- 2
- 8
- 28
3
votes
0 answers
Angular chart (angular-chart.js) on click on pie chart, how to get the clicked portion data
I am using angular-chart.js,
on click of any of the portion of pie chart, how to get the selected portion data's, please find the below sample code and help to get the data of selected pie portion data on click on the pie chart.
or is that any way…
Krish
- 489
- 2
- 8
- 28
3
votes
1 answer
Angular Google Charts - Auto Height
im using this plugin.
https://github.com/angular-google-chart/angular-google-chart
And i need help to define Auto Height with type BarChart.
When get too big, I use scroll.
Thank you very much!
Erik Ieger Dobrychtop
- 114
- 8
3
votes
1 answer
using gradient colors in angular-chart.js
i am trying to use gradient for my charts with angularjs1 using angular-chart.js version 1.0.0 but it seems that fillcolor does not recognize gradient here is my code down below
var app = angular.module('starter', ['ionic', 'ngCordova', …
AsmaF
- 113
- 1
- 8
3
votes
2 answers
Options beginAtZero doesn't work in angular-chart.js
I use angular-chart.js and chart.js 2.0.2 - I have bar char. It is my code for chart in index.slim
canvas#bar.chart.chart-bar chart-data="data" chart-labels="labels" chart-options="options"
How Can I set beginAtZero options (other options works…
myf
- 185
- 1
- 3
- 11
3
votes
0 answers
Chart.js Change in Bar Chart colors on mouse over
I am creating a bar chart with angular-chart.js where bars have different color depending on the value of the column.
Say columns having value more than five should be in red color otherwise green. Its working fine but when I mouse over to one of…
Mahtab Alam
- 1,810
- 3
- 23
- 40
3
votes
1 answer
how to Highlight clicked Doughnut section or portion in chart.js?
I'm using angularjs and angular-charts which uses chart.js but, i'm stucked on one thing that how to highlight a clicked section of doughnut so that user know that he/she selected that portion of doughnut
Sumit Khanduri
- 3,619
- 7
- 30
- 40
3
votes
3 answers
Horizontal Bar-Chart in angular-chart.js
I have successfully created a bar chart in angular-chart.js but now I want to change it into a horizontal bar chart. Also, I would like the fields to be placed inside of the horizontal bar itself:
code
angular.module("app", ["chart.js"])
…
user2402107
- 913
- 5
- 22
- 43
2
votes
0 answers
Is it possible to set the scroll view to Toast message when it has content of more than a specific length?
I like to show scroll in toast message which has length exceeding 10 rows
Note: Trying to add in Angular Ngx-chart https://swimlane.github.io/ngx-charts/
Amelia Cante
- 21
- 2
2
votes
0 answers
Chart.js - How to put labels instead of tooltips?
I've been scanning the documentation of Chart.js and I can't seem to find
if it is possible to add labels instead of tooltips for graph data
like the years on the image below (vertical texts):
Currently, I have this:
If this is possible, how to…
Char
- 2,073
- 8
- 28
- 45
2
votes
0 answers
How to change column size depending up on total numbers of bubble, in chart.js for bubble chart?
I am trying to display about 200+ bubbles in one chart, where 150+ bubbles are concentrated in one range and the rest of 50 bubbles are in 3 columns. I want to change the columns size as per the bubbles count.
see the image:
so red dot should be in…
shrikant joshi
- 494
- 4
- 12
2
votes
0 answers
Customize angular chart tooltip
I am using Angular Chart and I need to customize tooltip.
Currently tooltip on pie chart show like this. They are overlapping too.
I need to show tooltips something similar to this.
How can I achieve this?
Bishan
- 15,211
- 52
- 164
- 258