txbm / angular-chartjs Goto Github PK

Error: [$injector:unpr] Unknown provider: aProvider <- a <- cjsDoughnutDirective

This is probably caused by the way this component creates directives dynamically. ngAnnotate seems to ignore this script.

All charts update correctly if changing a value inside angular but the pie chart (which breaks indefinitely).

Example: http://embed.plnkr.co/b8lhOmu7kEvnZZVpISTa/preview

My html:

<cjs-pie dataset="graphData" options="graphOptions" width="80px" height="40px"></cjs-pie>

controller code:
$scope.graphData = [ { value: 10, color:"#FFE" }, { value: 5, color: "rgba(0,0,0,0.5)" } ]; $scope.graphOptions = { animateRotate: false };

When I debug into chart js code, I found animateRotate property to be true.
I am using chart js version 1.0.1-beta.4

I am trying to generate a legend, but I can't find the spot to do that in. Is this not supported at the moment?

Running the command

bower install --save angular-chartjs

Adds

"angular-chartjs": "~0.1.1"

to my bower.json. The code which is retrieved by that version includes a bower.json file which sets the main property as follows:

"main": "angular-chartjs.js"

It should be:

"src/angular-chartjs.js".

Grunt's wiredep task uses the main property to determine the path to the files which should be added to my project's script includes. Since the path is wrong in the distributed version, this breaks the site.

I noticed that your bower.json in Github is correct, but I do not see any available releases to know what version number to request bower fetch in order to get the proper file.

Trying to implement the angular-chartjs.min.js in a project; received this error in my console log in Firefox. First part of the trace points to angular-chartjs.min.js:1:918. I can give further information via email. Directive attempting to be used is cjs-line.

http://embed.plnkr.co/pC7gJ7/preview

Can't manage to see any data there. Is it just me?

Hi,

I am looking for additional information about async chart data. Specifically, I provide the chart data as a promise, and it seems the module is not waiting for the data promise to be resolved. The following errors is thrown to the js console as soon a the controller returns:

TypeError: Cannot read property 'length' of undefined
    at Object.Chart.Type.extend.buildScale (http://localhost:1509/bower_components/chartjs/Chart.js:2136:25)
    at Object.Chart.Type.extend.initialize (http://localhost:1509/bower_components/chartjs/Chart.js:2065:9)
    at Object.Chart.Type (http://localhost:1509/bower_components/chartjs/Chart.js:811:19)
    at Object.Chart.Type.extend.ChartType (http://localhost:1509/bower_components/chartjs/Chart.js:1014:18)
    at Chart.Type.extend.Chart.(anonymous function) [as Bar] (http://localhost:1509/bower_components/chartjs/Chart.js:1042:12)
    at postLink (http://localhost:1509/bower_components/ng-chartjs/dist/angular-chartjs.js:88:35)
    at http://localhost:1509/bower_components/angular/angular.js:7113:44
    at nodeLinkFn (http://localhost:1509/bower_components/angular/angular.js:6711:13)
    at compositeLinkFn (http://localhost:1509/bower_components/angular/angular.js:6105:13)
    at compositeLinkFn (http://localhost:1509/bower_components/angular/angular.js:6108:13) <canvas dataset="chartdata" segment-stroke-width="5" class="ng-isolate-scope" height="150" width="300" style="width: 300px; height: 150px;"> 

Is there anything else I need to do to make this work?

Thanks

See http://plnkr.co/edit/pVkf78hh7pAA0u0BembR?p=preview for an example.

I can't get the data on a bar chart to update when the $scope.variable has updated. Unlike in the plunker in my Chrome app the labels update but the data doesn't, in the Plunker neither update even though the chart.update() function is called (see the console logging).

I noticed you have to essentially set a big "skeleton" object for it to work at all, and if you pull data using $http and update the scope variable, that Chart doesn't update. Seems like this should be a fundamental part of an Angular style charting directive.

Hya, your module works great, any tips on how to enable the hover/touch states tooltips and I cant replicate the behaviour like in the main charts website.
Many thanks

The chartJS documentation, supports IE8 if you use excanvas.js.
So I imported it and in addition, I used your directive as attribute instead of element (

For some reason, this directive dont work in ie8, even with the polyfill. In ie8 console we got TypeError: Object doesn't support this property or method<:canvas autofit="false options="barOptions" dataset="report.barData" cjs-bar

Looks like bower.json needs to be updated to show the correct file.

It was this:
"main": "src/angular-chartjs.js

This fixed it:
"main": "src/js/main.js",

I'm happy to do a pull-request and submit this as well if this is how you'd like to proceed with the new hierarchy.

When you set autofit=true and keeps resizing the window, the chart will increment its height and became bigger. To reproduce it, just resize your window some times. Happens even in the demo: http://embed.plnkr.co/pC7gJ7/preview (watch the first polar chart)

How can one setup a custom width for the canvas?

Adding a legendTemplate parameter is not updating the legend at all. Is this supported?

Are you planning on adding a resize listener so the canvas gets redrawn on resize? This is for Responsive Web Design. http://en.wikipedia.org/wiki/Responsive_web_design

https://github.com/lgsilver/angles/blob/master/angles.js is doing this now, just wondering if this connector will have it or not. Thanks.

I'm trying to set scaleStepWidth dynamically on a line graph (based on a maximum value in my dataset), and am having difficulty getting the chart to recognize that I've done so.

If I hard code a value for scaleStepWidth in the options object (plus scaleStepOverride=true and scaleSteps=20), the chart scales exactly as expected. If I try to set the chart options after I've received the dataset in the controller, then the chart appears to display using the default settings.

Is this happening because the view needs to be recompiled to reflect the changes to the options?

I wanna make a ng-repeat with cjs-bar, what can i do?

Could you add bower support for easier installation at some point.

Thanks

As chartjs have such setting:
label: {
visible: true
}
How here we should do ?

I'm getting a ReferenceError: Chart is not defined at postLink. I followed the documentation exactly, but I'm using a new version of AngularJS (1.2.16) than what's in your "lib" folder (1.0.8).