Issue styling chart on local project

[joelciaWesbank]

Hi there,

I'm trying to change the styling of my column chart as per [this]((https://apexcharts.com/angular-chart-demos/column-charts/column-with-data-labels/) demo column chart. But it is not working, specifically the title, xaxis, yaxis, and tooltip options. Neither of the formatter options for xaxis, yaxis, and tooltip options work, as I have attempted to customize them. If I copy the code from the demo CodeSandbox into my project, it looks completely different from that of the CodeSandbox.

I am making use of a bar chart and pie chart in the same project and I didn't experience this problem with them.

Please note that I am using Angular typescript for my project, and here is the list of my dependencies:
"@angular/animations": "^16.0.0",
"@angular/cdk": "^16.0.1",
"@angular/common": "^16.0.0",
"@angular/compiler": "^16.0.0",
"@angular/core": "^16.0.0",
"@angular/forms": "^16.0.0",
"@angular/material": "^16.0.1",
"@angular/platform-browser": "^16.0.0",
"@angular/platform-browser-dynamic": "^16.0.0",
"@angular/router": "^16.0.0",
"angular": "^1.8.3",
"apexcharts": "^3.40.0",
"bootstrap": "^5.2.3",
"lodash": "^4.17.21",
"ng-apexcharts": "^1.7.6",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.13.0"

This is the outcome with CodeSandbox:

and this is the outcome I get when I copy the code to my project:

Could I be missing something?

Thank you in advance to anyone willing to help.