You should've bind chartOptions.dataLabels and chartOptions.colors to your <apx-chart>.

file src/app/app.components.html:

<div id="chart">
  <apx-chart
    [series]="chartOptions.series"
    [chart]="chartOptions.chart"
    [labels]="chartOptions.labels"
    [responsive]="chartOptions.responsive"
    [dataLabels]="chartOptions.dataLabels"
    [colors]="chartOptions.colors"
  ></apx-chart>
</div>

And you have a typo on your colors list.
after changing #000FF00 to #00FF00 it would look like this.