{"action":"created","issue":{"url":"https://api.github.com/repos/kottenator/jquery-circle-progress/issues/33","labels_url":"https://api.github.com/repos/kottenator/jquery-circle-progress/issues/33/labels{/name}","comments_url":"https://api.github.com/repos/kottenator/jquery-circle-progress/issues/33/comments","events_url":"https://api.github.com/repos/kottenator/jquery-circle-progress/issues/33/events","html_url":"https://github.com/kottenator/jquery-circle-progress/issues/33","id":78500721,"number":33,"title":"Animation Start event doesn't seem to be working","user":{"login":"LNCH","id":10821244,"avatar_url":"https://avatars.githubusercontent.com/u/10821244?v=3","gravatar_id":"","url":"https://api.github.com/users/LNCH","html_url":"https://github.com/LNCH","followers_url":"https://api.github.com/users/LNCH/followers","following_url":"https://api.github.com/users/LNCH/following{/other_user}","gists_url":"https://api.github.com/users/LNCH/gists{/gist_id}","starred_url":"https://api.github.com/users/LNCH/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LNCH/subscriptions","organizations_url":"https://api.github.com/users/LNCH/orgs","repos_url":"https://api.github.com/users/LNCH/repos","events_url":"https://api.github.com/users/LNCH/events{/privacy}","received_events_url":"https://api.github.com/users/LNCH/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/kottenator/jquery-circle-progress/labels/help%20wanted","name":"help wanted","color":"159818"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-05-20T12:16:54Z","updated_at":"2015-10-17T12:46:30Z","closed_at":"2015-05-22T15:17:40Z","body":"I could be doing something wrong here, but I'm trying to use the first even in the docs, the circle-animation-start one, and it doesn't appear to be working\r\n\r\nEssentially what I'm trying to do is find the dimensions of the canvas object and set the position of my counter to be in the center of the circle. I could do it through the CSS but I want it to be set regardless of the size I choose. Any ideas?"},"comment":{"url":"https://api.github.com/repos/kottenator/jquery-circle-progress/issues/comments/148914251","html_url":"https://github.com/kottenator/jquery-circle-progress/issues/33#issuecomment-148914251","issue_url":"https://api.github.com/repos/kottenator/jquery-circle-progress/issues/33","id":148914251,"user":{"login":"keithpickering","id":1663862,"avatar_url":"https://avatars.githubusercontent.com/u/1663862?v=3","gravatar_id":"","url":"https://api.github.com/users/keithpickering","html_url":"https://github.com/keithpickering","followers_url":"https://api.github.com/users/keithpickering/followers","following_url":"https://api.github.com/users/keithpickering/following{/other_user}","gists_url":"https://api.github.com/users/keithpickering/gists{/gist_id}","starred_url":"https://api.github.com/users/keithpickering/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/keithpickering/subscriptions","organizations_url":"https://api.github.com/users/keithpickering/orgs","repos_url":"https://api.github.com/users/keithpickering/repos","events_url":"https://api.github.com/users/keithpickering/events{/privacy}","received_events_url":"https://api.github.com/users/keithpickering/received_events","type":"User","site_admin":false},"created_at":"2015-10-17T12:46:30Z","updated_at":"2015-10-17T12:46:30Z","body":"So I'm having this same issue for some reason, here is my code:\r\n\r\n    // Hide until animation starts\r\n    $this.css('opacity', 0);\r\n    var circle = $this.circleProgress({\r\n        value: progress,\r\n        size: 120,\r\n        thickness: 5,\r\n        reverse: true,\r\n        startAngle: -Math.PI / 2,\r\n        animation: {\r\n            duration: 1200,\r\n        },\r\n        fill: {\r\n            image: 'img/progress/meter-bg.png'\r\n        },\r\n        emptyFill: 'rgba(255,255,255,0.1)',\r\n     });\r\n\r\n    circle.on('circle-animation-start', function(e) {\r\n        console.log('start');\r\n        $this.css('opacity', 1);\r\n    });\r\n\r\nNothing happens on the `circle-animation-start` event."}}