aurelia-chart | chart element for aurelia which is powered by chart js | Chart library

I have a chart that gets data from a HTTP Fetch in a service. I use activate to get the query parameter (params.task). From debugging, i can see that the data for chart is successfully pulled but the problem is, i get an error which i think - from my numerous trials, is happening because the data for chart is not yet available when the chart has been rendered. How can i ensure that the data will be available before the chart renders? Tried using if.bind but it works for the other components in my page, except for the chart. I am using https://github.com/grofit/aurelia-chart for the chart.

Error Message:

Cannot read property 'length' of undefined

ChartServices Class.:

I'm trying to update my Aurelia project that uses webpack so I can require .scss files in my templates. I've looked at the Aurelia Skeleton project for webpack and have followed this guide to come up with my webpack.config which is listed below. I have also included my package.json file.

I am able to load styles now, but have come across a perplexing issue. None of the my bind statements work anymore. The code itself didn't change and was working fine before this update attempt. I tried using two-way, one-way, etc, but that didn't work either. The @bindable property is always undefined.