chart-data should not have expression, it should have a scope variable binding.

<canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series">

{{ ... }} means you're evaluating an expression, for example {{1+1}} or printing (not passing) a variable {{id}}. however, to pass a variable, you should not wrap it in an expression when you're assigning it to a property.

Related Query