[Chartjs]-Syntax Error: Token '{' invalid key at column 2 of the expression [{{id}}] starting at [{id}}]?

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">
</canvas>

{{ ... }} 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.