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
4
votes
1 answer
Populate Angular Chart from watcher - Weird behaviour
I have the problem that my angular-chart is not displaying data when updated from the factory broadcast. I am setting labels and data like such, based on user input this might change:
// Listener function in controller, receives data from…
ffritz
- 2,180
- 1
- 28
- 64
4
votes
0 answers
How to achieve grouping of stacked bars in angular charts?
This is what I want to achieve:
I have tried it in plunkr, but unable to come up with the correct structure of data.
I have seen that it's possible in chart.js.
'use strict';
var app = angular.module('examples', ['chart.js', 'ui.bootstrap']);
…
Ullas
- 837
- 3
- 10
- 14
4
votes
1 answer
Cannot find module 'chart.js'.) Angular 2
hey folks i'm using the Angular2 CLI and trying to import the chart.js module but every time i run up the server I get a 'cannot find module "chart.js"'
import { Component } from '@angular/core';
import Chart from 'chart.js';
@Component({
…
Fernando B
- 864
- 2
- 12
- 27
4
votes
2 answers
How to install Chart.js and angular-chart.js (Error: Chart.js library needs to be included)
I want to use angular-chart.js so I followed the installation instructions first I downloaded the latest version from github of Charts.js https://github.com/chartjs/Chart.js and then I downloaded the latest version of angular-charts.js from github…
Bill_Data23
- 659
- 2
- 14
- 30
4
votes
1 answer
How to use HTML in custom tooltip in angular charts?
Is it possible to render HTML in a tooltip on a chart using angular-chart 1.0?
I've built the chart below, but need to render two values on separate lines in the tooltip, however the br tag is appearing as text
Joseph McCarthy
- 897
- 2
- 19
- 41
4
votes
2 answers
angular-chart.js legendCallback
I can't seem to make the legendCallback work.
I tried putting it like this:
options = {
legend: {
legendCallback: function (chart) {
console.log(chart);
return 'a';
}
}
}
OR
options = {
legend:…
Dev
- 1,592
- 2
- 22
- 45
4
votes
2 answers
Extending Existing Chart Types angular chart js using chart js 2.0
I'm using the great chart.js
(Version: 2.0.2) and angular-chart.js (Version: 1.0.0-beta1) for compatibility purposes. There are a lot of functionalities I would like to add to my project (like adding a horizontal line to a chart or having a…
Jibeee
- 822
- 1
- 11
- 26
4
votes
2 answers
Remove gridlines in AngularCharts
I am using AngularCharts which is a AgnularJS wrapper for Chart.js. I want to remove all grid lines from my chart so there is just the actual line chart only. But the grids are not being removed.
Controller
$scope.labelsx2 = [" ", " ", " ", " Time…
condo1234
- 3,285
- 6
- 25
- 34
4
votes
4 answers
how to set title in legend of chart.js?
I am using the angular -chart with chart.js and wanted to apply the title caption When mouse over the line. I want to put the title in the caption When mouse.I could do this using the labels , but appears below graphic names and I do not want it ,…
War Lock
- 91
- 1
- 6
4
votes
5 answers
Angular chart.js showing error chart is not defined
i am new to angular js. When i try to do the below code. It show some errors in console. ReferenceError: Chart is not defined .I am not able to understand the errors. So anybody please help me. And if the question is not correct , please correct the…
Thameem
- 3,426
- 4
- 26
- 32
4
votes
0 answers
Using two same named angular directives from different modules in a project
I am using angular-leaflet-directive for rendering map and angular-chart for rendering charts in a project. Both are very handy libraries unless you want to enable legend for your charts.
In this case, to enable legend for angular-chart directive,…
kokeksibir
- 1,725
- 2
- 18
- 30
3
votes
1 answer
Chart disappears, but it shows when I press f12 (?)
I use chart.js and I load data with service from db.
After reloading it's not shown, but when I press f12 to open the console it appears like nothing happened.
component ts:
import { Component } from '@angular/core';
import { ChartData } from…
DeadWinner
- 31
- 3
3
votes
1 answer
Contrast chart.js datalabels colors with the background
Using Chart.js qnd Angular.chart, I have a stacked chart in which I'm using different colors, I want to put the number of each value inside the cart, so I'm making use of the Plugin Datalabels.
The problem is that my chart looks like this:
Where I…
Soul Eater
- 505
- 1
- 7
- 20
3
votes
1 answer
Angular chart.js hide dots on 1 dataset
Chart.js is amazing, but I'm using angularjs chart.js directive. I can turn off all dots on all lines with the below code where vm.options is set to the chart-options attribute:
vm.options = {
elements: {
point: {
…
user441521
- 6,942
- 23
- 88
- 160
3
votes
3 answers
How to create a group of StackedBar using angular-chart.js [duplicated]
I am using angular-chart.js, but I found problems to acheive a group of StackedBar, like this :
This is in below my code:
$scope.labels = [];
$scope.labels = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
"Juillet",…
Ghizlane Lotfi
- 550
- 1
- 10
- 21