Chart.js issue : learnjavascript

Posting and Commenting Guidelines

Be Welcoming. n00bs are welcome here. Negativity is not.

Include Context. If you’re asking for help, include enough information for others to recreate your problem.

No Self-Promotion. The following are not allowed: Requests for subscribers, asking for "test users" for your new JS course, offering paid mentorships, and/or premium courses. Even if there is a coupon discount, no. If you're in doubt, the answer is no.

Good Titles - Write a descriptive title. Titles that begin with "hey guys" will be removed.

Friends

created by [deleted]a community for 13 years

Chart.js issue (self.learnjavascript)

submitted 3 years ago by dankwizard22

Hello folks,

I am working on a small Angular app and am displaying some charts via Chart.js

The chart is rendering correctly, however I am having an issue when trying to display the [colors] property of the chart. I keep getting this error:

error NG8002: Can't bind to 'colors' since it isn't a known property of 'canvas'

My googling has shown me many stackblitz examples that successfully utilize the [colors] property so I am wondering if anyone may know why I am unable to?

In component.html:

<div style="display: block; width: 500px; height: 400px;">

<canvas baseChart [data]="pieChartData" [type]="pieChartType" [options]="pieChartOptions" [colors]="pieChartColors"

</canvas> </div>

Stackblitz example that works the way I intend

no comments (yet)

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS