[Solved]-ChartJS with AngularJS - Canvas won't display anything-Chart.js

someone else on my hack team figured it out later that day. here is the html:

<article class="col-xs-6 col-md-offset-3 col-md-6 center">
    <canvas id="expenses" width="200" height="100"></canvas>
        <script>
                    var piedata = [
            {
                    value: 20,
                    color:"#878bb6"
            },
            {
                    value : 40,
                    color : "#4acab4"
            },
            {
                    value : 10,
                    color : "#ff8153"
            },
            {
                    value : 30,
                    color : "#ffea88"
            }
    ];
    var pieoptions = {
            segmentshowstroke : false,
            animatescale : true
    }
    var expenses = document.getelementbyid("expenses").getcontext("2d");
    new chart(expenses).pie(piedata, pieoptions);
    </script>

</article>

for more, our github repo (the view was the "cashflow.html" one) and to see how it rendered.

probably not the best way to do it.