javascript - D3 animation (transition) does NOT work on Angular app -
I have cut a directive with a simple pie chart inside the instruction. It is an accurate sample in that work but once I Trying to move it to my web app, I get the graph created at the top of the last session (overlay), but there is no animation. I do not get any console error when I log a data for the data, the data is passing correctly
Here is the software I am currently using: AngularJS v1.2.1, d3 version: "3.4.13", which is being hosted by Express and NodesJS.
This error may be due to any suggestions I do not have to reset SVG every time when I get new data, I want a smooth transition.
var app = angular Modules ('app', ['ngrut', 'ngcquis']); App.directive ('barChart', function ($ parse) {d3.edge = {}; d3.edge.donut = function module () {var width = 460, height = 300, radius = math. Minutes (width, height ) / 2; var color = d3.scale.category20 (); ............. // is similar to the rest of the JS bell
Working angle connectors / D3 web application I have found that I had imported some libraries which caused the D3 infection to crash Other libraries who make the D3 animation crash The following are: - Bootstrap v2.0.4 - Bootstrap Responsive v2.0.4 - DAT .JS (website: or.) Once these libbs were disabled, I was able to see and use the transition.
Comments
Post a Comment